具有初始值的 JQuery UI Datepicker 日期格式问题

Posted 2023-02-25

【中文标题】具有初始值的 JQuery UI Datepicker 日期格式问题

【英文标题】：JQuery UI Datepicker date format issue with initial value

【发布时间】：2011-01-26 12:24:38

【问题描述】：

我需要将日期选择器的初始日期设置为 03/20/2010，格式为 mm-dd-yyyyy。 我已经这样做了

<input id='datepicker' type='text' value='20/03/2010' />

但我的问题是单击字段日期选择器时，将今天的日期填充为突出显示且未选择日期，然后选择日期值

但是当我像下面这样更改我的输入字段时

<input id='datepicker' type='text' value='03/20/2010' />

日期选择器将 3 月 20 日填充为选定日期并突出显示当前日期。但都是 'mm-dd-yyyy' 格式！

我想以 'dd-mm-yyyy' 格式显示所有日期。我该如何解决这个问题？

我尝试了以下一些选项和组合，但都没有解决我的问题

$("#datepicker").datepicker();
$("#datepicker").datepick(dateFormat: 'mm/dd/yyyy');
$("#datepicker").formatDate('dd/mm/yy');
$('#datepicker').datepicker("setDate", new Date($("#datepicker").val()) );

更新： 不幸的是，我不能直接通过 javascript 设置 Date 值 March 20，因为它是动态变化的，并且存储在 php 变量中。我需要从输入字段本身获取默认值。

【问题讨论】：

查看您的代码我已将代码更改为 $("#datepicker").datepicker();$('#datepicker').datepicker("setDate", new Date($(" #datepicker").val()) );它对我有帮助

【参考方案1】：

还要记住type="date" 会产生问题，所以将type 设置为text。

【参考方案2】：

mm 等于分钟而不是月。 请改用dd/MM/yyyy。

【参考方案3】：

不准确！！！

$("#datepicker").datepicker(

    dateFormat: 'mm/dd/yyyy',
    defaultDate: '20/03/2010'
);

您必须在 dateFormat 中输入正确的格式：对于您的示例，有：dd/mm/yy 两个错误：

日/月倒置 年份只有两个“y”而不是四个

【参考方案4】：

$('#datepicker').datepicker('option', 'dateFormat', 'dd-mm-yy');

年份指定为y 2 位数和yy 4 位数，如here 所述。

【讨论】：

不知何故只有这个 sn-p 对我有用。这没有效果$( "#datepicker" ).datepicker( dateFormat: "dd-mm-yy");

【参考方案5】：

您需要dateFormat 和defaultDate 选项的组合：

$("#datepicker").datepicker(

    dateFormat: 'mm/dd/yyyy',
    defaultDate: '20/03/2010'
);

但是，有许多不同的方法可以指定默认日期。我不确定您需要什么，因此您可以在此处引用 API：http://docs.jquery.com/UI/Datepicker#option-defaultDate。

【讨论】：

谢谢，但不幸的是，我不能直接通过 javascript 设置日期值 March 20，因为它是动态变化的，并且存储在 PHP 变量中。我需要从输入字段本身获取默认值。

好吧，您可以自己从输入中读出：defaultDate: $('#datePicker').val()。