Два указателя даты не отображаются на одной htmlстранице

#jquery #html #css #datepicker

#jquery #HTML #css #указатель даты

Вопрос:

Я хочу сохранить два указателя даты на одной HTML-странице, но во время ее запуска отображается только один указатель даты.

Кодирование, которое я сделал, это

  </head>
      <body>
            Issue Date(dd-mm-yyyy)<span class="star" style="color:red;">*</span>
                     <!-- <input  type="text" id="datepicker" />-->

             <script type="text/javascript"src="http://www.snaphost.com/jquery/Calendar.aspx"></script>

                  amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;

           Expiry Date(dd-mm-yyyy)<span class="star" style="color:red;">*</span>

          <script type="text/javascript"src="http://www.snaphost.com/jquery/Calendar.aspx"></script>

      </body>
 </html>

Я также проверил это http://jqueryui.com/datepicker /

Кто-нибудь может предложить, как решить эту проблему.Я использую dreamweaver 8.

1. тип=»текст / javascript» src=» snaphost.com/jquery/Calendar.aspx «неужели? в чем идея, стоящая за этим?

2. Тогда почему не jQueryUI datepicker ? jsfiddle.net/Y2WTV

3. попробуйте использовать разные идентификаторы или использовать один класс для отображения средства выбора даты…

Ответ №1:

Использование пользовательского интерфейса jQuery

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
</head>
      <body>
            Issue Date(dd-mm-yyyy)<span class="star" style="color:red;">*</span>
                     <input  type="text" id="datepicker" /> 
                  amp;nbsp;amp;nbsp;amp;nbsp;amp;nbsp;
           Expiry Date(dd-mm-yyyy)<span class="star" style="color:red;">*</span>
                     <input  type="text" id="datepicker2" />
           <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
           <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
           <script type='text/javascript'>
               $("#datepicker").datepicker();
               $("#datepicker2").datepicker();
           </script>
      </body>
 </html>

Ответ №2:

В файле Calendar.aspx вы использовали следующий код,

 $(function () { $('#SnapHost_Calendar').datepicker({showOn:'both',buttonImage:'http://www.snaphost.com/jquery/calendar.gif',buttonImageOnly:true,changeMonth:true,changeYear:true,showOtherMonths:true,selectOtherMonths:true}); });
document.write('<input name="SnapHost_Calendar" id="SnapHost_Calendar" type="text" />');

Вместо,

 $(function () { $('.datepicker_field').datepicker({showOn:'both',buttonImage:'http://www.snaphost.com/jquery/calendar.gif',buttonImageOnly:true,changeMonth:true,changeYear:true,showOtherMonths:true,selectOtherMonths:true}); });
document.write('<input name="SnapHost_Calendar" id="SnapHost_Calendar" class="datepicker_field" type="text" />');

Поскольку идентификатор не может повторяться дважды, он должен быть уникальным. Таким образом, только событие календаря не запускается для второго текстового поля

1. Да, вы можете изменить свой код, вместо идентификатора используйте имя класса. Это решит вашу проблему.

2. я получил результат другим способом, спасибо за сотрудничество. @Mr. Thaangraj

Ответ №3:

Попробуйте это с помощью пользовательского интерфейса jQuery

  <script>
    $(document).ready(function () {
      $(".star").datepicker();
   });
 </script>