JQuery 中的 Datepicker UI 格式更改,
Datepicker UI format change in JQuery,
我在 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 可能会引起混淆。
是否有任何设置可以使用日期选择器 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 编辑器..
你去吧,来自官方文档:
http://api.jqueryui.com/datepicker/#utility-formatDate
我终于找到了我的代码的问题所在。
使用 $.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
作为我可以使用的输出。
希望这对面临类似困难的人有所帮助。
我在 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 可能会引起混淆。
是否有任何设置可以使用日期选择器 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 编辑器..
你去吧,来自官方文档: http://api.jqueryui.com/datepicker/#utility-formatDate
我终于找到了我的代码的问题所在。
使用 $.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
作为我可以使用的输出。
希望这对面临类似困难的人有所帮助。