为啥 jQuery Datepicker 无法更改日期格式？

Posted 2023-05-09

【中文标题】为啥 jQuery Datepicker 无法更改日期格式？

【英文标题】：Why does jQuery Datepicker fail to change dateformat?为什么 jQuery Datepicker 无法更改日期格式？

【发布时间】：2016-03-11 15:48:37

【问题描述】：

全部：

这是我正在使用的 jquery 版本：

jQuery 2.1.4 jquery-UI 1.11.2

在我的 ASPX 网页中，我有以下内容：

     Start Date: <input type="text" id="startdate" size="30"/>    
  End Date: <input type="text" id="enddate" size="30"/>




<script type="text/javascript">


    $(document).ready(function ()      
        $("#startdate").datepicker( dateFormat: 'yyyy-mm-dd' );
        $("#enddate").datepicker( dateFormat: 'yyyy-mm-dd' );
    );
</script>

但是，开始日期和结束日期仍然回到标准格式 mm/dd/yyyy 默认格式。

为什么指定dateFormat时格式无法改变？另外，我该如何解决这个问题？

【问题讨论】：

尝试这样写并检查：$("#startdate").datepicker( format: 'yyyy-mm-dd', autoclose : true );

谢谢，您的解决方案有效。但我无法弄清楚为什么我的原始邮政编码无法正常工作，因为很多 ***[dot]com 的答案都表明它会起作用。

这可能是由于在不同版本的 JQuery 中用于 format 的关键字。但是话又说回来，当 dateFormat 关键字不起作用而 format 起作用时，我发现它很棘手。

【参考方案1】：

对于 jquery datepicker，年份格式应该是 y（2 位）或 yy（4 位）。因此，您可以根据自己的目的尝试“yy-mm-dd”。

在此处查看详细信息：http://api.jqueryui.com/datepicker/#utility-formatDate

【参考方案2】：

请尝试以下，您的格式不正确。

        $( "#startdate" ).datepicker(                          
            dateFormat: "yy-mm-dd"
        );

【讨论】：

已经试过了，奇怪的是没用。很多 *** 帖子都建议您按照自己的方式尝试，它们被接受为正确答案。但它对我不起作用。是因为我使用的 jquery 版本：----jquery 2.1.4 ----jquery-UI 1.11.2

感谢跟进。 @matt-Murdock 提供了解决方案。但是，我对使用 dateFormat: "yy-mm-dd" 失败感到有些沮丧。

【参考方案3】：

您需要更改 datepicker.jquery.js 中的日期格式，而不仅仅是复制到您的视图中。

【参考方案4】：

感谢@matt-默多克

你的建议奏效了。

      $("#startdate").datepicker(
            format: 'yyyy-mm-dd', autoclose: true
        );
        $("#enddate").datepicker(
            format: 'yyyy-mm-dd', autoclose: true
        );

但是，我仍然对为什么指定我在原始帖子中所做的方式不起作用感到困惑。互联网上几乎所有其他类似的问题都表明我在原始帖子中发布它的方式有效。是因为我使用的 jquery 版本吗？

1.jquery 2.1.4

2.jquery-UI 1.11.2

【参考方案5】：

尝试像这样使用：

$( ".selector" ).datepicker( "option", "dateFormat", "yy-mm-dd" );

【讨论】：

感谢跟进。 @matt-Murdock 提供了解决方案。但是，我对使用 dateFormat: "yy-mm-dd" 失败感到有些沮丧。