Datetimepicker:如何禁用所有过去的日期

时间:2014-02-05 09:44:07

标签: jquery jquery-ui jquery-ui-datepicker datetimepicker

我正在使用Datetimepicker&我不希望用户选择过去的日期,所以我可以像jquery ui datepicker那样禁用它们。

请帮忙

3 个答案:

答案 0 :(得分:3)

以下是您可能正在寻找的jquery代码:

  $('#datetimepicker').datetimepicker({
    format: 'dd/MM/yyyy hh:mm:ss',
    language: 'pt-BR',
    startDate: new Date()
  });

答案 1 :(得分:0)

您需要设置分钟日期。将分钟日期定为今天。

<label for="from">From</label> <input type="text" id="from" name="from"/> <label for="to">to</label> <input type="text" id="to" name="to"/>

var dateToday = new Date();
var dates = $("#from, #to").datepicker({
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 3,
    minDate: dateToday,
    onSelect: function(selectedDate) {
        var option = this.id == "from" ? "minDate" : "maxDate",
            instance = $(this).data("datepicker"),
            date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
        dates.not(this).datepicker("option", option, date);
    }
});

效果很好:http://jsfiddle.net/nicolapeluchetti/dAyzq/1/

答案 2 :(得分:0)

在初始化的部分设置最小日期选项

<script type="text/javascript">
      var today = new Date();
      today.setHours(0,0,0,0);
      $('#datetimepicker').datetimepicker({
        format: 'dd/MM/yyyy hh:mm:ss',
        language: 'pt-BR',
        startDate: today
      });
    </script>