2014-10-31 4 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"); 

    }); 

}); 

--EDIT--

http://jsfiddle.net/8o23tbLu/37/를 찾아주세요, 숨겨진 변수를 사용하여 기본 값을 보여줍니다. 하지만 숨겨진 변수를 사용하지 않고 기본값을 표시하려고합니다.

+0

"숨겨진 변수"를 사용하여 바이올린을 게시 할 수도 있습니까? – Teo

+0

@Teo - http://jsfiddle.net/8o23tbLu/37/은 숨겨진 변수를 사용하여 기본값을 보여줍니다. – user4103233

+0

이 답변이 맞습니까? http://jsfiddle.net/r2L7k6pw/ – Teo

답변

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' 
}); 
관련 문제