在下拉列表中显示的时间

我可以使用jquery或dojo或简单的HTML在单独的下拉列表中显示小时和分钟。 请建议。 以下是示例代码:

 

我对dojo了解不多,但如果它有所帮助,我就这么做了:

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

由于我正在研究Dojo并在SO上查看许多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' 

注意: pickerMinpickerMax需要Dojo 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/