jQuery timepicker'Object不支持此属性或方法'

时间:2012-01-13 14:50:36

标签: jquery jquery-ui jquery-plugins

我一直在寻找一个时间戳,终于找到了这个,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>

datepicker工作正常,但时间戳错误 - 对象不支持此方法或属性'

2 个答案:

答案 0 :(得分:1)

我猜你是missong Jquery滑块

  

jQuery Timepicker Addon

     

使用

     
      
  • 要使用此插件,您必须包含带有datepicker和滑块的jQuery和jQuery UI
  •   
  • 包含timepicker-addon脚本
  •   
  • 现在将timepicker与$('#selector')。datetimepicker()或$('#selector')。timepicker()
  • 一起使用   

看看这个页面

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

答案 1 :(得分: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),则无需重新引用单独的jquery ui文件