2010-01-07 89 views
1

嘿,任何想法,为什么这不会工作,当我点击输入字段,什么都没有发生。下面是代码:jQuery日期选择器拒绝工作

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

回答

0

我想你想有一个小写p

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

这没有工作:S – user195257 2010-01-07 17:17:42

+0

您是否使用jQuery UI日期选择器?您是否检查是否收到任何JavaScript错误? – Tmdean 2010-01-07 17:29:33

0

对我来说,似乎想要...

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

但我期待在3.7.4版本的日期选择器(从jQuery网站下载新鲜)。根据您导入Datepicker插件的元素,我不确定我们是否在查看相同的版本。

我的例子适用于我使用你的标记。

0

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

您是否包含DatePicker CSS文件(ui.core.css和ui.datepicker.css)?有时候它很有效,但你不能以它看起来的样子来看它,因为没有适合的样式。