我想在一个HTML页面中保留两个datepicker,但是在运行时它仅显示一个日期选择器。

我做的编码是



 </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>

                  &nbsp;&nbsp;&nbsp;&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。

最佳答案

使用jQuery UI

<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" />
                  &nbsp;&nbsp;&nbsp;&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>

关于jquery - 单个html页中未显示两个日期选择器,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/24380365/

10-11 12:03