jquery - Timepicker 无法在 html 上使用 datepicker 显示

Question

我对带有日期选择器的 Timepicker 有问题。当我有 Timepicker 代码时，不会出现在屏幕上的 datepicker。请帮忙。谢谢。

<link href="jquery.timepicker.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.7.1.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.timepicker.js"></script>
<script type="text/javascript" src="main.js"></script></script>

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>  <link rel="stylesheet" href="/resources/demos/style.css" />

<script>  
   $(function() {    
      $( "#start_datepicker" ).datepicker();  
   });  
</script>

<script>  
   $(function() {    
      $( "#end_datepicker" ).datepicker();  
   });  
</script>

---

这是html代码：

      <tr>
        <td>&nbsp;Start Time</td>
        <td><input type="text" id="coursestarttime" name="starttime" class="time" value=""></td>
      </tr>
      <tr>
        <td> &nbsp;Finished Date</td>
        <td><input type="text" name="enddate" id="end_datepicker" placeholder="Write the Date to end..."  value="" /></td>
      </tr>
      <tr>
        <td>&nbsp;Finished Time</td>
        <td><input type="text" id="courseendtime" name="endtime" class="time" value="" /></td>
      </tr>

显示时间选择器时，它没有显示在屏幕上。

Answer 1

添加id="start_datepicker"到开始时间文本框。

Answer 2

设置适当的选择器

<script>  
   $(function() {    
      $( selector ).datepicker();  
   });  
</script>

检查这个日期选择器