Question

我在JQuery中为datepicker 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的2015年1月2日，dd-MM-yy格式？

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

感谢您的帮助，

[UPDATE]

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

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);

嗯..好吧我以为我知道自己在做什么但是在我写这篇文章的时候才发现这个代码看起来并不正确，尽管我不知道什么是不对的。几个小时一直在我的崇高编辑主演..

Answer 1

你去官方文件： http://api.jqueryui.com/datepicker/#utility-formatDate

Answer 2

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

使用$.datepicker.formatDate(format, date)时，＆＃39;日期＆＃39;必须是一个日期对象，我只是传递一个字符串。所以正确的方法是，

$('#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

作为我可以使用的输出。

希望这有助于那些面临类似困难的人。

JQuery中的Datepicker UI格式更改，

2 个答案: