我正在使用jQuery datepicker插件。当用户从日历中选择日期时,我应该显示日期值。我使用文档中给出的getDate()
方法。但是,我想输出的格式与我现在得到的格式不同。当你看到代码时,你会明白的。
JavaScript
$("#dealpickerEnd").datepicker({
inline: true,
showOtherMonths: true,
firstDay: 1,
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
onSelect: function() {
var deal = document.getElementById("dealDateAfter");
var currentDate = $("#dealpickerEnd").datepicker("getDate");
deal.innerHTML = currentDate;
}
});
输出
2014年12月26日星期五00:00:00 GMT + 0530(IST)
预期输出
2014年12月26日
这可能吗?
答案 0 :(得分:0)
有一个解决方法,声明一个填充了简短名称Months的数组,然后你可以在onSelect中获取日期对象并执行如下操作:
var monthNamesMin = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
$("#dealpickerEnd").datepicker({
inline: true,
showOtherMonths: true,
firstDay: 1,
dayNamesMin: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
onSelect: function () {
var deal = document.getElementById("dealDateAfter");
var date = $(this).datepicker('getDate'),
day = date.getDate(),
month = monthNamesMin[date.getMonth()], // <---pick the month name.
year = date.getFullYear();
var datetoput = day + '-' + month + '-' + year;
deal.innerHTML = datetoput;
}
});