2012-01-13 53 views
2

我一直在寻找一个timepicker终于发现了这一个,timepicker,问题是我不能让它做任何事情..jQuery的timepicker“对象不支持此属性或方法”

这里的我的网页:

<head runat="server"> 
<title>VTC Request Form</title> 
<script type="text/javascript" src="Jquery/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="Jquery/jquery-ui-1.8.17.custom.js"></script> 
<script type="text/javascript" src="Jquery/jquery.ui.core.js"></script> 
<script type="text/javascript" src="Jquery/jquery.ui.datepicker.js"></script> 
<script type="text/javascript" src="Jquery/datetimepicker_css.js"></script> 
<script type="text/javascript" src="Jquery/jquery-ui-timepicker-addon.js"></script> 
<script type="text/javascript" src="Jquery/jquery.ui.widget.js"></script> 
<link rel="Stylesheet" href="Css/jquery-ui-1.8.17.custom.css"type="text/css" /> 

<script type="text/javascript"> 
     $(document).ready(function(){ 

      $("#datepicker").datepicker({}); 
      $('#StartTimeTextBox').timepicker({}); 
     }); 
</script> 

<form id="form1" runat="server"> 
<div> 
<label>Date:</label><input type="text" id="datepicker" /> 
    </div> 
    <div><label>Start Time:</label> 
<input type="text" id="StartTimeTextBox" name="StartTimeTextBox" value=""/> 
    </div> 

的日期选择器工作正常,但timepicker错误OUT- '对象不支持此方法或属性'

+1

是否timepicker-重新参考单独的jQuery UI的文件插件脚本取决于小部件脚本? – 2012-01-13 14:57:14

+0

你尝试过不同的浏览器吗? – batbaatar 2012-01-13 14:58:52

+0

是否确定所有的脚本文件在页面加载时都已正确加载?可能是您错过的脚本文件名错别字。 – Prutswonder 2012-01-13 14:59:13

回答

1

我猜你missong jQuery的滑块

jQuery的Timepicker附加组件

使用

  • 要使用这个插件,你必须包括jQuery和jQuery UI的使用日期选择器和滑块
  • 包含timepicker-addon脚本
  • 现在使用带$('#selector')的timepicker。datetimepi克尔()或$( '#选择')。timepicker()

看看这个页面

https://github.com/trentrichardson/jQuery-Timepicker-Addon

+0

这正是问题..不能相信我忽略了这一点。谢谢! – Avien 2012-01-13 15:38:44

0

我觉得你只是完全脚本引用搞砸。

试试这个:

<script type="text/javascript" src="Jquery/jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="Jquery/jquery-ui-1.8.17.custom.js"></script> 
<script type="text/javascript" src="Jquery/jquery-ui-timepicker-addon.js"></script> 
<script type="text/javascript" src="Jquery/datetimepicker_css.js"></script> 

没有必要,如果你有完整的图书馆(jQuery的UI-1.8.17.custom.js)

相关问题