2012-01-13 84 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)

相關問題