datepicker : 在日期之前禁用日期选择答案

【问题标题】：datepicker : disable date selection before a datedatepicker : 在日期之前禁用日期选择
【发布时间】：2016-08-30 09:03:09
【问题描述】：

我正在尝试禁用选择之前的日期（实际日期 + 1 个月）。我尝试使用 datePicker 的 minDate 属性，但它不起作用。你能帮帮我吗？

HTML

<div class="input-group col-md-8 input-medium date date-picker desiredDeliveryDateDiv" id="deliveryDateInputGroup" data-date-format="M dd, yyyy">
    <input type="text" class="form-control desiredDeliveryDateInput" readonly="">
    <span class="input-group-btn">
        <button class="btn default" type="button">
            <i class="fa fa-calendar"></i>
        </button>
    </span>
</div>

var deliveryDatePlusOneMonth = new Date();
deliveryDatePlusOneMonth.setMonth(deliveryDatePlusOneMonth.getMonth()+1);
deliveryDatePlusOneMonth.setDate(deliveryDatePlusOneMonth.getDate()+1);

// Initialize delivery date picker
$("#deliveryDateInputGroup").datepicker({
    minDate: deliveryDatePlusOneMonth
});

// By default, set the delivery date to actual date + 1 month
$("#deliveryDateInputGroup").datepicker('setDate', deliveryDatePlusOneMonth);

// Declare on change on delivery date to close the date picker once the user has selected a date
$('#deliveryDateInputGroup').on('changeDate', function(ev){
    $(this).datepicker('hide');
});

【问题讨论】：

标签： javascript jquery datepicker

【解决方案1】：

试试这个：

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

Example

【讨论】：

【解决方案2】：

  Try This it should work
// Declare on change on delivery date to close the date picker once the user      has selected a date
 $('#deliveryDateInputGroup').on('changeDate', function(ev){
    $(this).datepicker( "option", "disabled", true );
 });

您可以在以下链接中找到更多信息 Remove Datepicker Function dynamically

【讨论】：

【解决方案3】：

$(function() {

  var deliveryDatePlusOneMonth = new Date();
deliveryDatePlusOneMonth.setMonth(deliveryDatePlusOneMonth.getMonth()+1);


// Initialize delivery date picker
$("#deliveryDateInputGroup").datepicker({
    minDate: deliveryDatePlusOneMonth
});

// By default, set the delivery date to actual date + 1 month
$("#deliveryDateInputGroup").datepicker('setDate', deliveryDatePlusOneMonth);

// Declare on change on delivery date to close the date picker once the user has selected a date
$('#deliveryDateInputGroup').on('changeDate', function(ev){
    $(this).datepicker('hide');
});

});

demo

【讨论】：