使datePicker工作以选择多个日期。当用户选择多个日期并关闭日历时,文本框将以以下格式显示日期：
Thur Jan 03 2013 00:00:00 GMT +0000
Fri Jan 03 2013 00:00:00 GMT +0000
Sat Jan 04 2013 00:00:00 GMT +0000,
我的代码：
<script>
$("#HolidayDate").addClass('date-pick');
$('.date-pick').datePicker//({dateFormat: 'dd-mm-yy'}).val();
(
{
createButton: false,
displayClose: true,
closeOnSelect: false,
selectMultiple: true,
}
)
.bind(
'click',
function () {
$(this).dpDisplay();
this.blur();
return false;
}
)
.bind(
'dateSelected',
function (e, selectedDate, $td, state) {
console.log('You ' + (state ? '' : 'un') // wrap
+ 'selected ' + selectedDate);
}
)
.bind(
'dpClosed',
function (e, selectedDates) {
console.log('You closed the date picker and the ' // wrap
+ 'currently selected dates are:');
console.log(selectedDates);
$('#HolidayDate').val( selectedDates );
}
);
</script>
然而，我希望日期显示为DD-MM-YY。如果我使用注释掉的行
$('.date-pick').datePicker//({dateFormat: 'dd-mm-yy'}).val();
and run it as $('.date-pick').datePicker({dateFormat: 'dd-mm-yy'}).val();
textbox将以正确的格式返回日期，但现在它只允许我一次选择一个日期。
请指教？
谢谢
这是因为你留下了选项，说它是一个选择倍数。
试试看
$('.date-pick').datePicker
(
{
createButton: false,
displayClose: true,
closeOnSelect: false,
selectMultiple: true,
dateFormat: 'dd-mm-yy'
}
)
看到我把它加到你以前的选项上了吗？
编辑
在阅读了kelvinlucks关于这个问题的文档之后，我明白了是什么导致了您的问题。返回的日期是javascript date对象，而不是字符串。您可以随意格式化它，但在重载方法dateSelected和dpClosed中，它们只是在没有格式化的情况下打印出来。
试试看：
.bind(
'dateSelected',
function(e, selectedDate, $td, state)
{
var date = selectedDate.getDate() + "-" + (selectedDate.getMonth() + 1) + "-" + selectedDate.getFullYear();
console.log('You ' + (state ? '' : 'un') // wrap
+ 'selected ' + date);
}
)
我的日期格式不是很好，但你明白了。这里有一篇关于格式化日期的文章(http://stackoverflow.com/questions/1056728/formatting-a-date-in-javascript)
