jQuery日期選擇器拒絕工作

Question

嘿，任何想法，爲什麼這不會工作，當我點擊輸入字段，什麼都沒有發生。下面是代碼：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="js/ui.datepicker.js"></script> 
<script type="text/javascript" charset="utf-8"> 
      $(function() 
      { 
       $('.date-pick').datePicker(); 
      }); 
     </script> 

這是我的形式：

<form id="form1" name="form1" method="post" action="chart.php"> 
    <ul id="add_form"> 
      <li><label>Date from</label> 
      <input type="text" name="date1" class="date-pick" /></li> 
      <li><label>Date to</label> 
      <input type="text" name="date2" class="date-pick" value="<?php echo date("Y-m-d") ?>" /></li> 
      <li><label>Display</label> 
      <select name="type"> 
       <option value="1">User Joins</option> 
       <option value="2">Messages sent</option> 
       <option value="3">Optin/outs</option> 
      </select> 
      </li> 
      </ul> 
      <br clear="all" /><br /> 
      <input type="image" src="images/show.jpg" border="0" alt="Submit Form" class="login" /> 
    </form> 

Answer 1

我想你想有一個小寫p

$('.date-pick').datepicker(); 

Answer 2

對我來說，似乎想要...

$('.date-pick').datepick(); 

但我期待在3.7.4版本的日期選擇器（從jQuery網站下載新鮮）。根據您導入Datepicker插件的元素，我不確定我們是否在查看相同的版本。

我的例子適用於我使用你的標記。

Answer 3

你是否包含jQuery.ui.core js文件？

您是否包含DatePicker CSS文件（ui.core.css和ui.datepicker.css）？有時候它很有效，但你不能以它看起來的樣子來看它，因爲沒有適合的樣式。