Jquery 日期选择器 - 日期格式问题答案

【问题标题】：Jquery date picker - date format issueJquery 日期选择器 - 日期格式问题
【发布时间】：2013-09-30 16:26:55
【问题描述】：

我正在使用 Jquery 日期选择器来选择日期。当我选择一个日期时，文本框中日期的格式是 mm-dd-yyyy，我想要 dd-mm-yyyy。

文本框

Date: <input type="text" id="datepicker"/>

JQuery

$(function() {
$( "#datepicker" ).datepicker({ dateFormat: "dd/mm/yy"});
});

如果我随后通过包含默认日期来调整文本框：

<input type="text" value="<?php echo date("d/m/Y"); ?>" id="datepicker" />

默认日期显示在我想要的输入框中，即 dd/mm/yy，但是当我打开日期选择器时，它会将这个日期作为 mm/dd/yy，因此在错误的日期打开日期选择器。

文本框和选择器似乎没有以相同的格式思考。我该如何纠正这个问题？

更新

现在的问题是：

1 - 当我打开页面时，文本框中的默认日期是正确的，并且格式是正确的 dd/mm/yy

2 - 当我打开日期选择器时，日期选择器会转到正确的日期，即默认日期

3 - 当我从日期选择器中选择一个日期时，格式会在文本框中恢复为 mm/dd/yy

在使用 JQuery 更新 id 时，是否会以某种方式绕过文本框的格式？

【问题讨论】：

constrainInput: true
我can't replicate that，也许您可以将minimal, self-contained example 放在一起来展示问题并将其发布到jsbin.com 或http://jsfiddle.net。编辑：啊，但我使用的是type="text"，就像在你的HTML sn-p中一样。
如果支持，某些浏览器会呈现 type="date"。我认为这搞砸了 jQueryUI 日期选择器初始化。
@Richard：你第一次 sn-p 使用type="text"，第二次使用type="date"。请编辑问题以使其一致，反映您实际使用的内容。
感谢所有 cmets 和帮助。 type="text" 或 type="date" 似乎根本没有任何区别。

【解决方案1】：

您实际上已将输入框的type 属性更改为date。保持为文本，应该没问题：

<input type="text" value="<?php echo date("d/m/Y"); ?>" id="datepicker" />

【讨论】：

【解决方案2】：

这里有一个特定于您的代码：

var date = $('#datepicker').datepicker("option", "dateFormat", "dd/mm/yy");

【讨论】：