想要禁用所有以前的日期 jquery datetimepicker

Posted

技术标签:

【中文标题】想要禁用所有以前的日期 jquery datetimepicker【英文标题】:want to disable all the previous dates jquery datetimepicker 【发布时间】:2017-06-03 07:35:16 【问题描述】:

我想使用 jquery datetimepicker 禁用所有以前的日期。

它将仅显示从今天开始的日期时间:

<script>/*
window.onerror = function(errorMsg) 
  $('#console').html($('#console').html()+'<br>'+errorMsg)
*/

$.datetimepicker.setLocale('en');

$('#datetimepicker_format').datetimepicker(value:'2015/04/15 05:03', format: $("#datetimepicker_format_value").val());
console.log($('#datetimepicker_format').datetimepicker('getValue'));

$("#datetimepicker_format_change").on("click", function(e)
  $("#datetimepicker_format").data('xdsoft_datetimepicker').setOptions(format: $("#datetimepicker_format_value").val());
);
$("#datetimepicker_format_locale").on("change", function(e)
  $.datetimepicker.setLocale($(e.currentTarget).val());
);

$('#datetimepicker').datetimepicker(
dayOfWeekStart : 1,
lang:'en',
disabledDates:['1986/01/08','1986/01/09','1986/01/10'],
startDate:  '1986/01/05'
);
$('#datetimepicker').datetimepicker(value:'2015/04/15 05:03',step:10);

$('.some_class').datetimepicker();
$('#datetimepicker_mask').datetimepicker(
  mask:'9999/19/39 29:59'
);

$('#datetimepicker1').datetimepicker(
  datepicker:false,
  format:'H:i',
  step:5
);
$('#datetimepicker_dark').datetimepicker(theme:'dark')


</script>

【问题讨论】:

寻求调试帮助的问题(“为什么这段代码不起作用?”)必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码.没有明确问题陈述的问题对其他读者没有用处。请参阅:如何创建minimal reproducible example。 我觉得问题很清楚 在您的选项中包含minDate: 0,如here所述 @PaulRoub 不知道在哪里编辑,你能帮忙吗? jQuery datepicker to prevent past date的可能重复 【参考方案1】:

您可以简单地将mindate 值设置为today

例如

var today = new Date();

然后将其插入您的datetimepicker()

$('#datetimepicker').datetimepicker(
dayOfWeekStart : 1,
lang:'en',
disabledDates:['1986/01/08','1986/01/09','1986/01/10'],
startDate:  '1986/01/05',
minDate:today //added parameter to disable past dates
)

【讨论】:

以上是关于想要禁用所有以前的日期 jquery datetimepicker的主要内容,如果未能解决你的问题,请参考以下文章

Jquery UI Datepicker禁用特定日期和所有(星期一和星期二)

在 Jquery Ui Datepicker 中禁用今天之后的未来日期

如何根据 PHP 数据库中的结果在 jQuery 日期选择器上禁用一周中的某些天

如何在日期选择器中禁用自定义日期以及以前的日期?

Android DatePicker:根据当前日期禁用以前的日期

如何在日历javascript中禁用以前的日期?