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

Question

我正在使用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时，文本框的格式是否会以某种方式被绕过？

- RGriffiths

---

constrainInput: true - Abhitalks

我无法复制这个（http://jsbin.com/ONeNAHA/1/edit），也许您可以创建一个[最小化的、自包含的示例](http://sscce.org)，演示问题并将其发布到http://jsbin.com或http:/jsfiddle.net。 编辑：啊，但我正在使用 type="text"，就像您的HTML片段一样。 - T.J. Crowder

一些浏览器正在呈现 type="date"，如果支持的话。我认为这会破坏 jQueryUI 日期选择器的初始化。 - andyb

@ Richard：你的第一个片段使用了 type="text"，而第二个则使用了 type="date"。请编辑问题以使它们保持一致，并反映出你实际使用的内容。 - T.J. Crowder

感谢所有的评论和帮助。type="text"或type="date"似乎没有任何区别。 - RGriffiths

Answer 1

你实际上改变了输入框的 type 属性为 date。将其保持为文本即可解决问题：

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

- CodingIntrigue

Answer 2

这是一个特定于您的代码的示例：

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

更多一般信息可在此处找到：

http://api.jqueryui.com/datepicker/#option

http://api.jqueryui.com/datepicker/#utility-formatDate

- Dinesh