为什么更改我的 jQuery datepicker 的 dateFormat 失败？答案

【问题标题】：Why does changing the dateFormat of my jQuery datepicker fail?为什么更改我的 jQuery datepicker 的 dateFormat 失败？
【发布时间】：2011-09-25 10:04:04
【问题描述】：

我知道这里有很多关于更改 datepicker dateFormat 的问题，但我完全按照说明进行操作，它们似乎没有任何效果。这是其他答案中建议的确切代码：

$(document).ready(function() {
    $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' });
});

当我运行它并使用alert($('#datepicker').datepicker("getDate")); 测试日期选择器值时

我以不想要的格式返回日期！这非常令人困惑。我有什么问题吗？请参阅http://jsfiddle.net/TmdM8/ 中描述的行为

编辑：更令人困惑的是，如果我使用 alert($("#datepicker").datepicker('option', 'dateFormat')); 读取日期格式

...返回的 dateFormat 是正确的，即使调用 getDate 不会返回所需格式的日期。见http://jsfiddle.net/fWmBe/

【问题讨论】：

标签： javascript jquery jquery-ui datepicker

【解决方案1】：

日期格式设置适用于在选择器应用到的文本框中显示的格式。

看看你的小提琴的更新版本：

http://jsfiddle.net/TmdM8/1/

如您所见，当您在文本框中选择并选择一个日期时，它就是您指定的格式。
据我所知，getDate 函数返回一个 javascript 日期。

编辑：如果您想格式化 javascript 日期的输出，则需要使用自定义脚本或 date.js 之类的库（我在这方面取得了巨大成功）。

http://code.google.com/p/datejs/

你可以这样做：

$('#datepicker').datepicker("getDate").toString('dd-MM-yyyy');

以您喜欢的格式获取日期

【讨论】：

这很有意义。 jQuery UI 文档仅声明getDate“返回日期选择器的当前日期”，我认为这意味着日期选择器将放入其文本框中的值相同。感谢您的回答。

【解决方案2】：

我同意它返回一个 javascript 日期。您可以使用此实用功能：

$.datepicker.formatDate(format, date, settings) - 将日期格式化为指定格式的字符串值。

来自http://docs.jquery.com/UI/Datepicker/formatDate

【讨论】：

这很方便！如果您不需要 date.js 来做其他事情，那么使用 date.js 可能是一个更好的选择。

【解决方案3】：

这里发生的是 getDate 返回一个 javascript 日期对象。您正在查看日期对象的 toString 方法。

试试这个：

$(document).ready(function() {
   $('#datepicker').datepicker({
   onSelect: function(dateText, inst) { alert(dateText) }
   });
$('#datepicker').datepicker( "option" , 'dateFormat', 'yyyy-mm-dd' )


});

【讨论】：

【解决方案4】：

以防有人像我一样寻找这个答案。这是一个工作代码：

<script>
$(function() {
$( "#datepicker" ).datepicker({inline: true, dateFormat:'yy-mm-dd'}); });
</script>

【讨论】：