jQuery日期选择器已禁用日期
我用的是基思·伍德的伟大作品 我在管理系统中使用datepicker向管理员显示某个场馆的预订日期 我有一个日期列表(从数据库中提取),用于在日期选择器上显示这些预定日期。但是,如果管理员想更改这些日期中的任何一个并使该日期可用,日历不允许我“取消选择”已选择的日期 这是代码的缩小版本,但问题仍然存在,此代码显示预订的6月26日和6月27日的日期,但我无法选择它们来“取消预订”jQuery日期选择器已禁用日期,jquery,datepicker,Jquery,Datepicker,我用的是基思·伍德的伟大作品 我在管理系统中使用datepicker向管理员显示某个场馆的预订日期 我有一个日期列表(从数据库中提取),用于在日期选择器上显示这些预定日期。但是,如果管理员想更改这些日期中的任何一个并使该日期可用,日历不允许我“取消选择”已选择的日期 这是代码的缩小版本,但问题仍然存在,此代码显示预订的6月26日和6月27日的日期,但我无法选择它们来“取消预订” <script type="text/javascript"> var bookedDaysL
<script type="text/javascript">
var bookedDaysList = [[6, 26], [6, 27]];
function bookedDays(date, inMonth) {
if (inMonth) {
for (i = 0; i < bookedDaysList.length; i++) {
if (date.getMonth() + 1 == bookedDaysList[i][0] &&
date.getDate() == bookedDaysList[i][1]) {
return {dateClass: 'datepick-selected',selectable: true};
}
}
}
return {};
}
/* create datepicker */
jQuery(document).ready(function () {
jQuery('#show-dates').datepick({
dateFormat: 'dd-mm-yy',
altFormat: '[m,d]',
onDate: bookedDays,
buttonImage: 'css/images/datepicker.gif',
buttonImageOnly: true,
monthsToShow: 3,
multiSelect: 999,
showOn: 'both'
});
});
</script>
var bookedDaysList=[[6,26],[6,27];
函数bookedDays(日期,以月为单位){
如果(每月){
对于(i=0;i
经过一些研究,我找到了这个做这项工作的日期选择器
我很惊讶Keith Wood插件不能满足这一点,或者我错过了这一点?很简单)
$(“.date picker”).datepick({
onDate:功能(日期){
date_str=$.datepick.formatDate('yyyy-mm-dd',日期);
dates_unselect=$(此).data(“取消选择”).split(“,”);
返回{可选:($.inArray(date\u str,dates\u unselect)=-1)};
}
});
对于我onDate
未触发回调
<div class="date-picker" data-deselect="2013-12-23,2013-12-19,2013-12-31,2013-12-29,2014-01-18"></div>
$(".date-picker").datepick({
onDate: function(date) {
date_str = $.datepick.formatDate('yyyy-mm-dd', date);
dates_unselect = $(this).data("deselect").split(",");
return {selectable: ($.inArray(date_str, dates_unselect) === -1)};
}
});