jquery-ui - datepicker で minDate に数日を追加する

Question

このコードを変更するにはどうすればよいですか

minDate: '2012/3/4'+'5D',

var dates = $( "#from, #to" ).datepicker({
    dateFormat: 'yy/mm/dd',
    changeMonth: true,

    **minDate: '2012/3/4'+'5D',**

    onSelect: function() { 
       var d1=new Date($('#from').val());
       var d2=new Date($('#to').val());
       $('#quantity').val((Math.ceil((d2-d1)/86400000)));
   }
}); 

to min date be=>2012/3/9

タンク。

Answer 1

免責事項: 実際にハードコードされている場合は、 に変更して'2012/3/9'ください。

日付を解析し、5 日を追加して、再度文字列に変換します。

var d = '2012/3/4';
var parts = d.split('/');
var date = new Date(+parts[0], +parts[1] - 1, +parts[2]);

date.setDate(date.getDate() + 5);

var result = date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate();

これがデモです。

そして、ここにあなたのコードに入れられます：

var d = '2012/3/4';
var parts = d.split('/');
var date = new Date(+parts[0], +parts[1] - 1, +parts[2]);

date.setDate(date.getDate() + 5);

var result = date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate();

var dates = $( "#from, #to" ).datepicker({
    dateFormat: 'yy/mm/dd',
    changeMonth: true,
    minDate: result,
    onSelect: function() { 
       var d1=new Date($('#from').val());
       var d2=new Date($('#to').val());
       $('#quantity').val((Math.ceil((d2-d1)/86400000)));
    }
});