2017-04-19 106 views
4

我使用以下jQuery代码将日期输入到我的输入字段中,以便有一个"from""to"日期输入。如何使日期选择器仅从当天后的一天开始选择

$("#dt1").datepicker({ 
    dateFormat: "dd-M-yy", 
    minDate: 0, 
    onSelect: function (date) { 
     var dt2 = $('#dt2'); 
     var startDate = $(this).datepicker('getDate'); 
     var minDate = $(this).datepicker('getDate'); 
     dt2.datepicker('setDate', minDate); 
     startDate.setDate(startDate.getDate() + 360); 
     //sets dt2 maxDate to the last day of 30 days window 
     dt2.datepicker('option', 'maxDate', startDate); 
     dt2.datepicker('option', 'minDate', minDate); 
     $(this).datepicker('option', 'minDate', minDate); 
    } 
}); 
$('#dt2').datepicker({ 
    dateFormat: "dd-M-yy" 
}); 

如果我选择19-04-2017的第一个日期,那么第二个日期自动仅自19-04-2017开始。 问题是:如何才能让第二次约会在第一次选择日期后的一天内开始计算?

这意味着它是20-04-2017代替19 ...

Here you can see my entire fiddle

希望能对你有所帮助。

回答

1

你只需要这个(变化onSelect像如下): -

onSelect: function (date) { 
    var dt2 = $('#dt2'); 
    var startDate = $(this).datepicker('getDate','+1d'); 
    startDate.setDate(startDate.getDate()+1); 
    dt2.datepicker('option', 'minDate', startDate); 
    dt2.datepicker('setDate', startDate); 
} 
+1

答案确实有效。唯一的改变是,只要我加载网站,我不会看到输入字段占位符,但已经是日期。有没有办法改变它? –

+1

不要紧,它完美的作品。欣赏支持 –

+0

@WosleyAlarico很乐意帮助你。:) :) –

2

试试这个:

$('#thedate').datepicker({ 
    minDate: "+1", 
    dateFormat: 'dd-mm-yy' 
}); 
$('#thedate').datepicker("setDate", "+1"); 

Working Fiddle

+0

你的代码段中只有一个日期输入。你能用两个日期使它工作吗?可以选择任何日期的“起始日期”,以及只能从“起始”日期之后一天开始的“到”日期。希望我有所作为 –

+0

我刚加了我的jsfiddle –

0

试试这个。它会工作正如你所说

$(function(){ 

    $('#FromDate').datepicker({ 
     minDate: "1", 
     dateFormat: 'dd-mm-yy', 
      onSelect: function() { 
      var dt2 = $('#ToDate'); 
      var startDate = $(this).datepicker('getDate'); 
      startDate.setDate(startDate.getDate() + 1); 
      var minDate = $(this).datepicker('getDate'); 
      dt2.datepicker('setDate', startDate); 
      dt2.datepicker('option', 'minDate', startDate); 
     } 
    }); 


}); 

$(function(){ 

     $('#ToDate').datepicker({ 
       minDate: "0", 
       dateFormat: 'dd-mm-yy' 
     }); 

}); 
相关问题