在datepicker上禁用过去的日期

如何在datetimepicker上禁用当前日期的过去日期？ 我尝试过几个类似问题的post但是无法实现它，下面就是我尝试过的

           $(function() { $('#datetimepicker2').datetimepicker({ language: 'en', pick12HourFormat: true }); });  
      

我也试过了

 $("datetimepicker2").datepicker({ changeYear: true, dateFormat: 'dd/mm/yy', showOn: 'none', showButtonPanel: true, minDate:'0d' }); 

和

 $("#datetimepicker2").datepicker({ minDate: 0 }); 

Answer 1

给予零mindate并且它将废除过去的日期。

 $( "#datepicker" ).datepicker({ minDate: 0}); 

这是一个实时小提琴工作示例http://jsfiddle.net/mayooresan/ZL2Bc/

官方文档可在此处获得

Answer 2

minDate: dateToday或minDate: '0'是这里的关键。 尝试设置minDate属性。

 $(function() { $( "#datepicker" ).datepicker({ numberOfMonths: 2, showButtonPanel: true, minDate: dateToday // minDate: '0' would work too }); }); 

阅读更多

Answer 3

问题修正:)

下面是工作代码

 $(function(){ $('#datepicker').datepicker({ startDate: '-0m' //endDate: '+2d' }).on('changeDate', function(ev){ $('#sDate1').text($('#datepicker').data('date')); $('#datepicker').datepicker('hide'); }); }) 

Answer 4

试试这个，

 $( "#datepicker" ).datepicker({ minDate: new Date()}); 

在这里，新的Date（）暗示今天的日期….

Answer 5

 $(function () { $("#date").datepicker({ minDate: 0 }); }); 

Answer 6

这将有效：

  var dateToday = new Date(); $(function () { $("#date").datepicker({ minDate: dateToday }); }); 

Answer 7

试试这个，

 $("#datetimepicker2").datepicker({ startDate: "+0d" }); 

Answer 8

 var dateToday = new Date(); $('#datepicker').datepicker({ 'startDate': dateToday }); 

Answer 9

你刚刚介绍了参数startDate，如下所述。

 var todaydate = new Date(); $(".leave-day").datepicker({ autoclose: true, todayBtn: "linked", todayHighlight: true, startDate: todaydate } ).on('changeDate', function (e) { var dateCalendar = e.format(); dateCalendar = moment(dateCalendar, 'MM/DD/YYYY').format('YYYY-MM-DD'); $("#date-leave").val(dateCalendar); }); 

Answer 10

Answer 11

如果要在页面加载上设置日期，请使用以下命令：

  $('#datetimepicker1').datetimepicker({ minDate: new Date() }); 

这将把今天的日期设置为页面加载本身的开始日期，并禁用所有以前的日期。
但是如果你想在点击特定文本框时设置日期而不是在页面加载时设置日期，那么使用： $('#datetimepicker1').datetimepicker(); $("#datetimepicker1").on("click", function (e) { $('#datetimepicker1').data("DateTimePicker").minDate(new Date()); }); $('#datetimepicker1').datetimepicker(); $("#datetimepicker1").on("click", function (e) { $('#datetimepicker1').data("DateTimePicker").minDate(new Date()); });

如果我们不想将当前日期设置为最小日期，我们可以使用以我们指定的格式指定Date的任何字符串来代替新的Date（）。 例如：

 $('#datetimepicker1').data("DateTimePicker").minDate("10/15/2018"); 

Answer 12

 Try this'                                               

Answer 13

 $("#datetimepicker2").datepicker({ dateFormat: "mm/dd/yy", minDate: new Date() }); 

Answer 14

这对我有用，

 $('#datetimepicker2').datetimepicker({ startDate: new Date() }); 

Answer 15

您可以使用

 $('#li_from_date').appendDtpicker({ "dateOnly": true, "autodateOnStart": false, "dateFormat": "DD/MM/YYYY", "closeOnSelected": true, "futureonly": true }); 

Answer 16

**这适用于我的wordpress插件**

  jQuery(document).ready(function($) { $("#datepicker").datepicker({ minDate: 0}); }); 

Answer 17

要禁用过去的日期 ，请添加以下给定的js：

 var $input = $('.datepicker').pickadate(); var picker = $input.pickadate('picker'); picker.set('min',true);`][1]