Задача:
Программирую автоматическую работу реле. Нужно, связать работу с меню управления, чтобы оно работало в цикле включения-выключения, по кругу. Пользователь задает в меню управления два параметра: время работы в формате ММ:СС и время бездействия в формате ММ:СС.
Проблема:
В меню управления уже есть отличная заготовка для времени:
Тип - "Выбор времени".
Однако она отображается в формате ЧЧ:ММ
Проблема состоит в том, что при выборе из выпадающего списка значения в select-ах стоят чуть-чуть не те: [0 до 23]:[0 до 59]. Мне нужен точно такой же элемент, но со значениями [0 до 59]:[0 до 59].
Вопрос: как мне добавить быстренько еще одну заготовку, работающую точно также, но в формате ММ:СС?
ЗЫ Пробовал реализовать через произвольный html-код при помощи select-ов, но во-первых оно получается другого дизайна, а во-вторых, при выборе значения почему-то через 2 секунды оно обнуляется, в отличие от встроенных заготовок, которые сохраняют выбранные значения!
Ниже привожу свой html-код, если это будет полезно:
Код: Выделить всё
<form class="form-horizontal">
<fieldset>
<!-- Form Name -->
<legend>Цикличная работа</legend>
<!-- Select Basic -->
<div class="form-group" style="width: 100%;">
<label class="col-md-4 control-label" for="ontime">ВКЛ(мм:сс) - ВЫКЛ (мм:сс)</label>
<div class="col-md-1" style="float: left; width: 75px;">
<select id="on-min" name="ontime" class="form-control">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</div>
<div class="col-md-2" style="float: left; width: 75px;">
<select id="on-sec" name="ontime" class="form-control">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
</select>
</div>
</div>
</fieldset>
</form>