在datepicker上禁用过去的日期

Question

如何在datetimepicker上禁用当前日期的过去日期？我试过类似问题的帖子很少但是无法实现它,下面就是我尝试过的

<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen"
 href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">
<script type="text/javascript"
 src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script> 
<script type="text/javascript"
 src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
</script>
<script type="text/javascript"
 src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
</script>
<script type="text/javascript"
 src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js">
</script>
<script type="text/javascript">
$(function() {
  $('#datetimepicker2').datetimepicker({
    language: 'en',
    pick12HourFormat: true
  });
});
</script>

<div id="datetimepicker2" class="input-append">
<input data-format="MM/dd/yyyy" type="text"/>
<span class="add-on">
  <i  data-date-icon="icon-calendar">
  </i>
</span>

我也试过了

$("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});

这是一个Live fiddle工作示例http://jsfiddle.net/mayooresan/ZL2Bc/

官方文档可在此处获得

Answer 2

问题修复:)

下面是工作代码

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

})

Answer 3

minDate: dateToday或者minDate: '0'是关键在这里.尝试设置minDate属性.

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

阅读更多

Answer 4

试试这个,

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

在这里,新的Date()暗示了今天的日期....

Answer 5

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

Answer 6

下面的解决方案对我有用。我希望，这也会对您有所帮助。

$(document).ready(function() {
    $("#datepicker").datepicker({ startDate:'+0d' });
});

Answer 7

这将有效:

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