Bootstrap 3 datetimepicker enabledhours over HTML值

Question

我使用Bootstrap 3 datetimepicker作爲timepicker只與enabledhours選項一起使用 - 它工作正常，但我無法覆蓋它所連接的文本框的顯示值。

要撥打我使用機械臂：

$('.datetimepicker').each(function() { 
    $(this).datetimepicker({ 
    showClose: true, 
    format: "HHmm", 
    enabledHours: [14, 15, 16, 17, 18], 
    sideBySide: true 
    }); 
}); 

，然後在我的HTML我使用：

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

由於這代表它的行爲與預期 - 然而，頻繁的時候就已經從PHP設置如此類似：

<input type='text' value="1600" class="form-control" /> 

在這種情況下，文本框始終顯示1400（或冷杉在enabledHours中的st值） - 如果我處理表格即使它顯示1400，並且如果我手動將表格更改爲1500，例如，它提交正確但在顯示時它總是回落到1400，則值爲1600.

有沒有辦法阻止這個，所以它顯示1400，如果該值是空白，但顯示值時，它不是？

https://jsfiddle.net/dnb2ajc8/2/

Answer 1

初始化的DateTimePicker時，您可以設置默認值。我不是專家，但這裏是一個骯髒的解決方案：

$('.datetimepicker').each(function() { 
    $(this).datetimepicker({ 
    showClose: true, 
    format: "HHmm", 
    enabledHours: [14, 15, 16, 17, 18], 
    sideBySide: true 
    }).find('input').val($(this).find('input').attr('value')); 
}); 

https://jsfiddle.net/qxwa8bh0/

Answer 2

修訂

您可以設置默認的日期，但這種方法不使用屬性。

$('.datetimepicker').each(function() { 
    var date = new Date(); 
    $(this).datetimepicker({ 
    showClose: true, 
    format: "HHmm", 
    enabledHours: [14, 15, 16, 17, 18], 
    sideBySide: true, 
    defaultDate: date.setHours(15, 27, 0, 0) 
    }); 
}); 

This is the JSFiddle updated