引導dateTimePicker的錯誤的默認日期的minDate

我使用Eonasdan引導dateTimePicker的：http://eonasdan.github.io/bootstrap-datetimepicker/引導dateTimePicker的錯誤的默認日期的minDate

雖然我不能得到的minDate和的maxDate按預期運行。由於日期是動態的，變化的小提琴設置UPP與moments.js'減/加

條件

minDate = today + 1 day 
maxDate = today + 3 days 
default value = today + 2 days

以上返回值的明天，而不是默認值。如果minDate更改爲-2天，則工作正常。

見小提琴：http://jsfiddle.net/9uqpu88v/8/

twoDaysFromToday = moment().add(2, 'd').format('YYYY-MM-DD'); 

$('#datetimepicker1 input').val(twoDaysFromToday); 
     var datetimepicker = $('#datetimepicker1').datetimepicker({ 
     format: 'YYYY-MM-DD', 
     minDate: moment().add(1, 'd').format('YYYY-MM-DD'), // Tomorrow 
     maxDate: moment().add(3, 'd').format('YYYY-MM-DD'), // Three days from today 
    }) 


<div class="form-group"> 
    <div class="input-group date" id="datetimepicker1"> 
    <input type="text" id="datetimepicker1" class="form-control" value="" />  
    <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span> 
    </div> 
</div>

來源

2016-06-28 Line in Linus

到底是什麼'時刻（）'做什麼？ – Jonathan

我發現在你的小提琴中沒有問題（'minDate'和'maxDate'設置爲給定的「硬編碼」值），而你的代碼段缺少必需的庫。無論如何，我建議使用時刻分析函數指定格式（請參閱[文檔]（http://momentjs.com/docs/#/parsing/string-format/））。在你的例子中：'moment（'2016-07-01，'YYYY-MM-DD'）'而不是'moment（'2016-07-01'）''。 – VincenzoC

我編輯了小提琴 –

可以瞬間傳遞對象，而不是字符串minDate和maxDate。使用defaultDate選項將值設置爲您的選取器而不是jQuery val()。請注意，該庫還提供了一個date方法來爲組件設置值。

使用時刻startOf爲小時獨立。

這裏工作的例子：

var datetimepicker1 = $('#datetimepicker1').datetimepicker({ 
 
    format: 'YYYY-MM-DD', 
 
    useCurrent: false, 
 
    defaultDate: moment().startOf('day').add(2, 'd'), 
 
    minDate: moment().startOf('day').add(1, 'd'), 
 
    maxDate: moment().startOf('day').add(3, 'd') 
 
})

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet"/> 
 

 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 
 

 
<div class="form-group"> 
 
    <div class="input-group date" id="datetimepicker1"> 
 
    <input type="text" class="form-control" /> 
 
    <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span> 
 
    </div> 
 
</div>

來源

2016-06-28 22:27:44 VincenzoC

引導dateTimePicker的錯誤的默認日期的minDate

回答

相關問題