2017-03-06 26 views
1

HTML內容的起始和結束時間:使用Jquery + Timepiker「From」時間不能大於「To」時間?

<div class="elementbox"> 
    <label class="form-label">Select Time</label> 
     <div class="controls"> 
      From <input type="text" id="from_t" name="from_t"/> 
      To <input type="text" id="to_t" name="to_t"/> 
    </div> 
</div> 

jQuery的用於輸入文本

$('#from_t').timepicker(); 
$('#to_t').timepicker(); 

我試圖解決它,但它不能正常工作。所以,請提前幫助感謝。

回答

0

你正在使用哪個時間選擇器?
Bootstrap時間選擇器,jQuery UI時間選擇器,還是別的?

如果您正在使用jQuery UI的時間選擇器,你可以使用下面的代碼:

http://jsfiddle.net/FdfPY/1/

$(".from_date").datepicker({ 
    minDate: 'D', 
    dateFormat: "dd/mm/yy", 
    defaultDate: "+1w", 
    numberOfMonths: 2, 
    onClose: function(selectedDate) { 
     $(".to_date").datepicker("option", "minDate", selectedDate); 
     $(this).parent().next().children().focus(); 
    } 
}); 
$(".to_date").datepicker({ 
    minDate: '+1D', 
    dateFormat: "dd/mm/yy", 
    defaultDate: "+1w", 
    numberOfMonths: 2 
}); 
+0

jQuery UI的Timepiker, –

+0

謝謝主席先生, 但它是DatePiker我要努力只有TimePiker。 –

+0

使用javascript驗證 – praveena