JQuery日期选择器选择多格式日/月/年
让日期选择器选择多个日期。当用户选择多个日期并关闭日历时,文本框以以下格式显示日期:JQuery日期选择器选择多格式日/月/年,jquery,jquery-plugins,datepicker,jquery-ui-datepicker,Jquery,Jquery Plugins,Datepicker,Jquery Ui 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-pic
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>
文本框将以正确的格式返回日期,但现在它只允许我一次选择一个日期
请给我一些建议
谢谢这是因为您在选项中留下了一个selectmultiple 试一试 看到我把它添加到以前的选项中了吗 编辑 在阅读了kelvinlucks关于这方面的文档之后,我了解了是什么导致了您的问题。返回的日期是javascript日期对象,而不是字符串。您可以随意设置格式,但在重载的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)这是因为您留下的选项显示它是selectmultiple 试一试 看到我把它添加到以前的选项中了吗 编辑 在阅读了kelvinlucks关于这方面的文档之后,我了解了是什么导致了您的问题。返回的日期是javascript日期对象,而不是字符串。您可以随意设置格式,但在重载的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)尝试使用.bind选择dateformat(Date.format='dd-mm-yyyy')
并使用selectMultiple:true尝试使用.bind选择dateformat(Date.format='dd-mm-yyyy')
使用selectMultiple:true谢谢你的回复jonas…对不起,我应该提到我以前也尝试过,但没有乐趣…无法理解为什么…有什么建议吗?他信你使用的是什么版本的datepicker(jQueryUI)?我在文档中看不到选项no“selectMultiple”,jqueryui似乎不支持选择多个日期。但是为什么要重新发明轮子呢?很多人已经找到了解决办法。例如,看看感谢您的回复。我正在为我在上找到的日期选择器使用插件,它允许我选择多个日期并将列表返回到文本框,但是我正在尝试将从2013年1月3日星期四00:00:00 GMT+0000 2013年1月3日星期五00:00 GMT+0000 2013年1月4日星期六00:00 GMT+0000返回的日期格式更改为dd/mm/yy,dd/mm/yy,您是否看到我更新了我的评论?你明白了吗?谢谢你的回复jonas…对不起,但我应该提到我以前也尝试过,但没有乐趣…无法理解为什么…有什么建议吗?他信你使用的是什么版本的datepicker(jQueryUI)?我在文档中看不到选项no“selectMultiple”,jqueryui似乎不支持选择多个日期。但是为什么要重新发明轮子呢?很多人已经找到了解决办法。例如,看看感谢您的回复。我正在为我在上找到的日期选择器使用插件,它允许我选择多个日期并将列表返回到文本框,但是我正在尝试将从2013年1月3日星期四00:00:00 GMT+0000 2013年1月3日星期五00:00 GMT+0000 2013年1月4日星期六00:00 GMT+0000返回的日期格式更改为dd/mm/yy,dd/mm/yy,您是否看到我更新了我的评论?你明白了吗?谢谢你的回复阿比…你是说像这样。bind(Date.format='dd-mm-yyyy')'click',function(){$(this.dpDisplay();this.blur();return false;})…仍然没有任何乐趣,有任何建议吗?谢谢你的回复abhi…你的意思是这样吗。bind(Date.format='dd-mm-yyyy')'click',function(){$(this.dpDisplay();this.blur();return false;})…仍然没有乐趣,有什么建议吗?
.bind(
'dateSelected',
function(e, selectedDate, $td, state)
{
var date = selectedDate.getDate() + "-" + (selectedDate.getMonth() + 1) + "-" + selectedDate.getFullYear();
console.log('You ' + (state ? '' : 'un') // wrap
+ 'selected ' + date);
}
)