ПРИМЕЧАНИЕ. Этот ответ представляет собой комбинацию моих комментариев для формулирования решения, которое совпадает с другим решением, опубликованным здесь, и способствует его решению.
Прежде всего, быстрый вопрос: почему у вас есть <code>
вместо <script>
вокруг javascript / jquery в вашем образце?
Ответ Edelcom заключается в правильном подходе, но он не предоставил пример кода. Вот как я бы подошел к этому, используя метод, который в основном идентичен его:
Код ползунка
<div id="slider"><div id="time1" style="float: left; width: 100px">
<script type="text/javascript">$('#slider #time1 input').ptTimeSelect({ popupImage: '<img alt="Select" src="../images/icon_clock_2.gif" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" />'
}); </script>
<input id="s2Time1" runat="server" name="s2Time1" readonly="readonly" style="width: 60px" />
</div></div>
Здесь я окружил весь этот элемент другим div (id = "slider"
). Таким образом, мой код jQuery: $('#slider #time1 input') ...
Код выбора даты
<div id="datepick"><div id="time2" style="float: left; width: 100px">
<script type="text/javascript">$('#datepick #time2 input').ptTimeSelect({ popupImage: '<img alt="Select" src="../images/icon_clock_2.gif" style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" />'
}); </script>
<input id="s2Time2" runat="server" name="s2Time2" readonly="readonly" style="width: 60px" />
</div></div>
Я сделал то же самое здесь, за исключением того, что большой div теперь называется "datepick"
.
Это в основном то, как это можно сделать. Конечно, вы можете выбрать эти средства выбора даты напрямую по идентификатору через селектор без необходимости создавать другие элементы div или еще много чего, поскольку вы дали им разные имена.