如何使日期選擇器僅從當天後的一天開始選擇

我使用以下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

希望能對你有所幫助。

來源

2017-04-19 Wosley Alarico

你只需要這個（變化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); 
}

來源

2017-04-19 08:03:18

答案確實有效。唯一的改變是，只要我加載網站，我不會看到輸入字段佔位符，但已經是日期。有沒有辦法改變它？ –

不要緊，它完美的作品。欣賞支持 –

@WosleyAlarico很樂意幫助你。:) :) –

試試這個：

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

Working Fiddle

來源

2017-04-19 07:54:02

你的代碼段中只有一個日期輸入。你能用兩個日期使它工作嗎？可以選擇任何日期的「起始日期」，以及只能從「起始」日期之後一天開始的「到」日期。希望我有所作爲 –

我剛加了我的jsfiddle –

試試這個。它會工作正如你所說

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

});

來源

2017-04-19 09:07:49 Sindhoor

如何使日期選擇器僅從當天後的一天開始選擇

回答

相關問題