datepicker：日付の前に日付の選択を無効にする

Question

私は以前の日付の選択を無効にしようとしています（actualDate + 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> 

JS

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'); 
}); 

Answer 1

はこれを試してみてください：

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

Example

Answer 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

Answer 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

の詳細情報を見つけることができます