jquery multidatepicker 最小日期干扰日期选择器 UI
jquery multidatepicker min date disturbs datepickers UI
概念:我正在创建一年的日历。
说 01-01-2017 到 31-12-2017.
问题: 当我将 最小日期设置为 08-06-2017 时,日期选择器会重新排列并变成 01- 的日期选择器2017 年 6 月至 2018 年 5 月 31 日
我需要的是它应该从 1 jan 2017
开始并以 31 dec 2017
结束
js 代码:
$('#generate_sampling .full-year').multiDatesPicker({
addDates: dates,
numberOfMonths: (samplingStatus=="EDIT" ? [3,4] : [6,4]),
minDate : startDate,
maxDate : endDate,
defaultDate : '01/30/'+(year == '' ? '2017' : year),
});
希望对您有所帮助
$('.full-year').multiDatesPicker('destroy');
在设置之前销毁日期选择器minDate
在这里我设法停止了日期的重新安排。我在 beforeShowDay 下添加了一些条件并评论了我的最小和最大日期参数
$('#generate_sampling .full-year').multiDatesPicker({
addDates: dates, // array of dates
numberOfMonths: [3,4] ,
/*minDate : startDate,
maxDate : endDate,*/
defaultDate : '01/30/'+(year == '' ? '2017' : year),
beforeShowDay: function(dateStamp) {
var className="";
if(dateStamp < new Date(startDate) || dateStamp > new Date(endDate)){
className =" ui-datepicker-unselectable ui-state-disabled "
}
var title = "Disabled";
return [true, className ,title]; // title will be displayed as tooltip
}
});
如果 beforeShowDay 无法正常工作,请检查您的 multidatepickers 核心 js 文件。下面这一行必须加注释。取消注释。它会起作用。
this.multiDatesPicker.originalBeforeShowDay = options.beforeShowDay;
谢谢!
概念:我正在创建一年的日历。
说 01-01-2017 到 31-12-2017.
问题: 当我将 最小日期设置为 08-06-2017 时,日期选择器会重新排列并变成 01- 的日期选择器2017 年 6 月至 2018 年 5 月 31 日
我需要的是它应该从 1 jan 2017
开始并以 31 dec 2017
js 代码:
$('#generate_sampling .full-year').multiDatesPicker({
addDates: dates,
numberOfMonths: (samplingStatus=="EDIT" ? [3,4] : [6,4]),
minDate : startDate,
maxDate : endDate,
defaultDate : '01/30/'+(year == '' ? '2017' : year),
});
希望对您有所帮助
$('.full-year').multiDatesPicker('destroy');
在设置之前销毁日期选择器minDate
在这里我设法停止了日期的重新安排。我在 beforeShowDay 下添加了一些条件并评论了我的最小和最大日期参数
$('#generate_sampling .full-year').multiDatesPicker({
addDates: dates, // array of dates
numberOfMonths: [3,4] ,
/*minDate : startDate,
maxDate : endDate,*/
defaultDate : '01/30/'+(year == '' ? '2017' : year),
beforeShowDay: function(dateStamp) {
var className="";
if(dateStamp < new Date(startDate) || dateStamp > new Date(endDate)){
className =" ui-datepicker-unselectable ui-state-disabled "
}
var title = "Disabled";
return [true, className ,title]; // title will be displayed as tooltip
}
});
如果 beforeShowDay 无法正常工作,请检查您的 multidatepickers 核心 js 文件。下面这一行必须加注释。取消注释。它会起作用。
this.multiDatesPicker.originalBeforeShowDay = options.beforeShowDay;
谢谢!