從另一個

Question

當前設置的minDate自舉的DateTimePicker，我使用Bootstrap 3 Datepicker從this source

我有2 datetimepicker我的系統上。 （startTime,endTime）。

我試過但不知道如何設置minDate爲endTime從startTime值每當startTime值更改。即使它不跳上change事件。

請指點我錯過了什麼。

Here is my code

非常感謝。

Answer 1

您需要使用change event和minDate()功能類似

$('#txtStartTime').datetimepicker({ 
 
    showTodayButton: true, 
 
    format: 'MM/DD/YYYY HH:mm', 
 
    sideBySide: true, 
 
    maxDate: moment() 
 
}).on('dp.change', function(e) { 
 
    $('#txtEndTime').data("DateTimePicker").minDate(e.date) 
 
}); 
 
$('#txtEndTime').datetimepicker({ 
 
    showTodayButton: true, 
 
    format: 'MM/DD/YYYY HH:mm', 
 
    sideBySide: true 
 
});

<script type="text/javascript" src="//code.jquery.com/jquery-1.10.1.js"></script> 
 
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css"> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.js"></script> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 
 

 

 
<div class="row">.</div> 
 
<div class="col-md-3"> 
 
    <input class="form-control datetimepicker" id="txtStartTime" type='text' /> 
 
</div> 
 

 
<div class="col-md-3"> 
 
    <input class="form-control datetimepicker" id="txtEndTime" type='text' /> 
 
</div>