2014-10-31 92 views
-1

我想在用户在小时和分钟下拉框中加载页面时显示默认时间。请找到小提琴http://jsfiddle.net/8o23tbLu/34/。 下面是创建文本框来显示小时和分钟代码:显示用户加载页面时的默认时间

<input id="timeHours" name="timeHours" data-dojo-type="dijit/form/TimeTextBox" required="true" data-dojo-id="dojoSelHours" value="10" />&nbsp;: 
<font size="1">Minutes</font> 

<input id="timeMins" name="timeMins" maxlength="3" style="width:50px;" data-dojo-type="dijit/form/TimeTextBox" required="true" data-dojo-props="constraints: {timePattern: 'mm', clickableIncrement: 'T02:05:00',visibleIncrement: 'T02:00:00' }" data-dojo-id="dojoSelMins" value="05" /> 

在小时下拉我想表现出“10”,并在几分钟内降下来,我想,当用户加载页面显示“05”。 我不应该使用隐藏变量来实现这个。我使用隐藏变量实现了这一点,但我不应该使用隐藏的变量。请建议。

下面是JS代码:

ready(function() { 
     // Set the current time when starting up 
     var time = registry.byId("timeHours"); 
     time.set({ 
      "constraints": { 
       timePattern: 'HH', 
       clickableIncrement: 'T01:00:00', 
       visibleIncrement: 'T01:00:00', 
       visibleRange: 'T24:00:00' 
      } 
      //"value": document.getElementsByName('timeHours')[0].value 
     }); 

     //Minutes 
     var timeM = registry.byId("timeMins"); 

    }); 

}); 

- 编辑 -

请找到http://jsfiddle.net/8o23tbLu/37/,显示了使用隐变量的缺省值。但是我想显示默认值而不使用隐藏变量。

+0

你还可以使用“隐藏变量”发表小提琴吗? – Teo 2014-10-31 14:04:37

+0

@Teo - http://jsfiddle.net/8o23tbLu/37/,使用隐藏变量显示默认值。 – user4103233 2014-10-31 14:20:25

+0

是这样吗? http://jsfiddle.net/r2L7k6pw/ – Teo 2014-10-31 14:26:40

回答

0

好吧,我删除了我以前的答案,它根据当前时间生成了四舍五入的小时和分钟。现在你已经明确了你想要总是默认为10:05,并且看到dojo的TimeTextBox如何工作,似乎需要给出适当的“时间”字符串。请参阅下面的示例和working fiddle here

var time = registry.byId("timeHours"); 
time.set({ 
    "constraints": { 
     timePattern: 'HH', 
     clickableIncrement: 'T01:00:00', 
     visibleIncrement: 'T01:00:00', 
     visibleRange: 'T24:00:00' 
    }, 
    "value": 'T10:05:00' 
}); 

//Minutes 
var timeM = registry.byId("timeMins"); 
timeM.set({ 
    "value": 'T10:05:00' 
});