드롭 다운 목록에 표시 할 시간

Question

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' }" /> 

Answer 1

내가 도장에 대해 잘 모르지만 그것이 도움이 먼 경우, 나는이있어 :

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"); 
    }); 
}); 

Answer 2

것은 내가 도장 작업과 많이 찾고 있어요 때문에 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/