Доступ к значению TimePicker в Javascript

Question

У меня есть Timepicker на моей странице, и у меня есть известная проблема с тем, что он не обновляется с новым выбранным временем во время postbacks и сохраняет начальное заданное время, даже если оно правильно установлено в первый раз . , так что я знаю, что у меня должен быть некоторый javascript, который хранит выбранные времена в скрытом поле, чтобы получить доступ позже в моем коде. теперь проблема в том, что я не знаю, как получить доступ к значению timePicker в javascript. я использую ASP.NET TimePicker

Вот мой HTML декларация timepicker:

<cc1:TimeSelector ID="TimeSelectorDebut" BrhaviorID="TimeSelectorDebut" runat="server" DisplaySeconds="false" SelectedTimeFormat="TwentyFour" OnChange ="SaveNewTimes()"></cc1:TimeSelector> 

Answer 1

Это должно работать:

function getTime(timePicker) { 
    var timeSel = document.getElementById(timePicker); 
    var inputs = timeSel.getElementsByTagName("input"); 
    if (inputs.length === 6) { 
     var hour = inputs[0].value; 
     var minutes = inputs[2].value; 
     var seconds = inputs[4].value; 
     var meridiem = inputs[5].value; 
     return hour + ":" + minutes + ":" + seconds + " " + meridiem; 
    } 
} 

Использование:

var time = getTime('<%=TimeSelector1.ClientID %>'); 
console.log(time); 

Примечание: Убедитесь, уверен, что это включено после того, как элементы (window.load, document.ready или внизу вашей страницы, после тега body).

Result: 02:14:00 PM 

Это, конечно, является строкой, но вы можете легко превратить это в Date объекта:

return new Date(null, null, null, hour, minutes, seconds);