简体   繁体   English

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

[英]jQuery timepicker 'Object does not support this property or method'

I've been looking for a timepicker and finally found this one, timepicker , the problem is I can't get it to do anything.. 我一直在寻找时间选择器,最后找到了它,时间选择器 ,问题是我无能为力。

here's my page: 这是我的页面:

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

the datepicker works fine, but the timepicker errors out- 'object doesn't support this method or property' datepicker可以正常工作,但是timepicker出错-“对象不支持此方法或属性”

I guess you're missong Jquery slider 我猜你是missong Jquery滑块

jQuery Timepicker Addon jQuery Timepicker插件

Use 采用

  • To use this plugin you must include jQuery and jQuery UI with datepicker and slider 要使用此插件,您必须将jQuery和jQuery UI包含在datepicker和Slider中
  • Include timepicker-addon script 包括timepicker-addon脚本
  • now use timepicker with $('#selector').datetimepicker() or $('#selector').timepicker() 现在将timepicker与$('#selector')。datetimepicker()或$('#selector')。timepicker()一起使用

Look at this page 看这个页面

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

I think you are simply completely messed up with script referencing. 我认为您完全被脚本引用弄得一团糟。

Try this: 尝试这个:

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

No need to re-reference separate jquery ui files if you include the full library (jquery-ui-1.8.17.custom.js) 如果您包含完整的库(jquery-ui-1.8.17.custom.js),则无需重新引用单独的jQuery UI文件

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM