JQuery 中的 Datepicker UI 格式更改，答案

【问题标题】：Datepicker UI format change in JQuery,JQuery 中的 Datepicker UI 格式更改，
【发布时间】：2015-01-01 20:49:59
【问题描述】：

我在 JQuery 中有以下日期选择器 UI 代码，

$(document).on('ready',function(){
    $('#date').datepicker();
    $('#date').datepicker('setDate', 'today');
    var dateValue = $("#date").val();      
    document.getElementById("#box_title").innerHTML= "today is: "+dateValue+" ";
});

此 jQuery 代码在 'box_title' div 中以 mm/dd/yy 格式显示日期，例如2015 年 1 月 2 日。

我意识到世界不同地区使用不同的格式，例如 dd/mm/yy，因此 01/02/2015 可能会引起混淆。

是否有提供设置以便它使用 datepicker API 实际显示 02-Jan-2015, dd-MM-yy 格式？

基本上我想保留 #date div 中的原始格式，但只是想更改 #box_title div 中的格式以便于解释。

感谢您的帮助，

[更新]

具体来说，当我创建这样的对象时，

var myDate = $('#date').datepicker('setDate', 'today);

myDate 是格式为“mm/dd/yy”的日期对象。

我想要做的是复制这个对象并将复制的对象的格式更改为 dd-M-yy ，我只是不知道如何......

[更新 2]

好的.. 我尝试了以下方法，认为$.datepicker.formatDate 是我答案的关键，但到目前为止还没有运气.. 控制台只是输出Uncaught TypeError: undefined is not a function..

$('#date').datepicker();
var x = $('#date').datepicker('setDate', 'today'); // original object which I wanna keep

var dateValue = $("#date").val(); 
var x2 = $.datepicker.formatDate('D, dd M yy', dateValue); // copied object with new format

console.log(x2);

嗯.. 好吧，我以为我知道我在做什么，但是当我写这篇文章时，我意识到这段代码看起来不正确，尽管我不知道什么是不正确的。盯着我的 sublime editor 看了好几个小时..

【问题讨论】：

标签： jquery datepicker format jquery-ui-datepicker

【解决方案1】：

你去吧，来自官方文档： http://api.jqueryui.com/datepicker/#utility-formatDate

【讨论】：

【解决方案2】：

我终于找到了我的代码的问题所在。

使用 $.datepicker.formatDate(format, date) 时，“日期”必须是日期对象，而我只是传递了一个字符串。所以正确的做法是，

$('#date').datepicker();
var x = $('#date').datepicker('setDate', 'today'); // original object which I wanna keep

var dateValue = $("#date").val(); 
var x2 = $.datepicker.formatDate('D, dd M yy', new date(dateValue)); // copied object with new format

console.log(x2);

现在我明白了，

Fri, 02 Jan 2015

作为我可以使用的输出。

希望这对面临类似困难的人有所帮助。

【讨论】：