JQuery中的日期选择器UI格式更改,
我在JQuery中为datepicker UI编写了以下代码JQuery中的日期选择器UI格式更改,,jquery,datepicker,format,jquery-ui-datepicker,Jquery,Datepicker,Format,Jquery Ui Datepicker,我在JQuery中为datepicker UI编写了以下代码 $(document).on('ready',function(){ $('#date').datepicker(); $('#date').datepicker('setDate', 'today'); var dateValue = $("#date").val(); document.getElementById("#box_title").innerHTML= "today is:
$(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年2月1日
我意识到世界各地使用不同的格式,如dd/mm/yy,因此2015年2月1日可能会引起混淆
是否提供了一个设置,使其能够使用datepicker API实际显示2015年1月2日,dd-MM-yy格式
基本上,我想把格式保留为#date div中的原始格式,但只是想更改#box#u title div中的格式,以便于解释
感谢你的帮助
[更新]
具体来说,当我创建这样一个对象时
var myDate = $('#date').datepicker('setDate', 'today);
myDate是格式为“mm/dd/yy”的日期对象
我想做的是复制这个对象,并将复制对象的格式更改为dd-M-yy,我只是不知道如何
[更新2]
好的。。我尝试了以下方法,认为$。datepicker.formatDate
是我答案的关键,但到目前为止运气不佳。。控制台仅输出未捕获类型错误:未定义不是函数。
$('#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);
嗯。。好的,我想我知道我在做什么,但是当我写这篇文章的时候,我意识到这段代码看起来不正确,尽管我不知道什么是不正确的。几个小时来一直在《我的崇高编辑》中担任主角。你看,从官方文档:
我终于找到了代码的问题所在 使用
$.datepicker.formatDate(format,date)
时,“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
作为我可以使用的输出
希望这对那些面临类似困难的人有所帮助