,可以通过以下步骤实现:
<input type="text" id="datepicker" />
$(document).ready(function() {
$('#datepicker').datetimepicker({
// 设置其他datetimepicker的配置参数
});
});
beforeShowDay
选项。该选项接受一个函数作为参数,该函数返回一个数组,数组的第一个元素表示是否禁用该日期,第二个元素表示禁用日期的CSS类。例如,如果要禁用2022年1月1日,可以按如下方式修改代码:$(document).ready(function() {
$('#datepicker').datetimepicker({
beforeShowDay: function(date) {
var disabledDates = ['2022-01-01']; // 要禁用的日期数组
var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
return [disabledDates.indexOf(string) === -1];
}
});
});
在上述代码中,disabledDates
数组包含要禁用的日期,beforeShowDay
函数会检查当前日期是否在该数组中,如果在则禁用该日期。
minDate
和maxDate
选项。例如,禁用2022年1月1日之前和之后的日期,可以按如下方式修改代码:$(document).ready(function() {
$('#datepicker').datetimepicker({
minDate: new Date(2022, 0, 2), // 禁用2022年1月1日之前的日期
maxDate: new Date(2022, 11, 31) // 禁用2022年12月31日之后的日期
});
});
通过设置minDate
和maxDate
选项,可以限制可选择的日期范围。
以上是阻止jQuery datetimepicker中日期选择的方法。如果需要更多关于datetimepicker插件的详细信息,可以参考腾讯云的相关产品和文档:
领取专属 10元无门槛券
手把手带您无忧上云