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

时间:2010-03-11 18:15:26

标签: jquery date format datepicker

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

<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 sice直接设置Date值march 20,它正在动态变化并存储在PHP变量中。我需要从输入字段本身获取默认值。

4 个答案:

答案 0 :(得分:19)

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

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

答案 1 :(得分:9)

您需要dateFormatdefaultDate选项的组合:

$("#datepicker").datepicker(
{
    dateFormat: 'mm/dd/yyyy',
    defaultDate: '20/03/2010'
});
但是,有许多不同的方法来指定默认日期。我不确定您需要什么,因此您可以在此处引用API:http://docs.jquery.com/UI/Datepicker#option-defaultDate

答案 2 :(得分:0)

mm等于分钟而非月份 请改用dd/MM/yyyy

答案 3 :(得分:-5)

不准确!!!

$("#datepicker").datepicker(
{
    dateFormat: 'mm/dd/yyyy',
    defaultDate: '20/03/2010'
});

您必须在dateFormat中添加正确的格式:对于您的示例,有:dd/mm/yy 两个错误:

  • 日/月倒置
  • 年只有两个'不'不是四个