顯示在下拉列表中的時間

我可以使用jquery或dojo或簡單的HTML在單獨的下拉列表中顯示小時和分鐘。請建議。下面是示例代碼：顯示在下拉列表中的時間

<input id="time" data-dojo-type="dijit/form/TimeTextBox" required="true" 
data-dojo-props="constraints: { timePattern: 'HH:mm:ss', clickableIncrement: 'T00:05:00', visibleIncrement: 'T00:05:00', visibleRange: 'T01:00:00' }" />

來源

2014-10-02 user3684675

我不知道很多關於道場，但我走到這一步，如果有幫助：

Time: 
<input id="timeHours" data-dojo-type="dijit/form/TimeTextBox" required="true" data-dojo-props="constraints: { timePattern: 'HH', clickableIncrement: 'T01:05:00', visibleIncrement: 'T01:00:00', visibleRange: 'T24:00:00' }" /> 
: 
<input id="timeMins" data-dojo-type="dijit/form/TimeTextBox" required="true" data-dojo-props="constraints: { timePattern: 'mm', clickableIncrement: 'T00:05:00', visibleIncrement: 'T00:05:00', visibleRange: 'T00:60:00' }" /> 

require([ 
    "dojo/_base/lang", "dijit/registry", "dojo/ready", "dijit/form/TimeTextBox", "dojo/parser" 
], function(lang, registry, ready) { 
    ready(function() { 
     var timeH = registry.byId("timeHours"), 
      timeM = registry.byId("timeMins"); 
    }); 
});

來源

2014-10-02 19:36:31 Jase

在幾分鐘內場，我們怎麼可以只顯示00至55一次，目前用U提到00至55以分鐘爲單位顯示下拉多次的代碼，請建議。 @Jase。 – user3684675 2014-10-02 19:45:27

@Jase +1努力。 – frank 2014-10-03 07:39:50

由於我工作的道場，看着很多TimeTextBox關於這個問題，我想我可以回答一些問題。

這是我爲這個問題做的一個JS小提琴。我使用了一個小時的增量，只顯示小時，然後我對分鐘也一樣。如果你想5個分鐘爲間隔來代替，改變

pickerMax: 'T00:59:00', 
clickableIncrement: 'T00:01:00', 
visibleIncrement: 'T00:01:00'

到

pickerMax: 'T00:55:00', 
clickableIncrement: 'T00:05:00', 
visibleIncrement: 'T00:05:00'

注：pickerMin和pickerMax需要道場1.10.4。

h = new dijit.form.TimeTextBox({ 
    constraints: { 
     timePattern: 'HH', 
     pickerMin: 'T00:00:00', 
     pickerMax: 'T23:00:00', 
     clickableIncrement: 'T01:00:00', 
     visibleIncrement: 'T01:00:00' 
    } 
}); 
m = new dijit.form.TimeTextBox({ 
    constraints: { 
     timePattern: 'mm', 
     pickerMin: 'T00:00:00', 
     pickerMax: 'T00:59:00', 
     clickableIncrement: 'T00:01:00', 
     visibleIncrement: 'T00:01:00' 
    } 
});

嘗試在這裏：http://jsfiddle.net/tfpjmbs2/1/

來源

2015-04-28 20:36:23 mbomb007

顯示在下拉列表中的時間

回答

相關問題