2

首先，我是这方面的新手，所以请原谅我的“无知”。

我正在创建一个表格，以便客户在他们有兴趣购买的车辆上安排试驾。我找到了包含在 head 部分中的 jquery 代码，如下所示：

$(function() {
  $( "#datepicker" ).datepicker({ autoSize: true });
  $("#time1").timePicker();
  // 09.00 AM - 03.30 PM, 15 minutes steps.
  $("#time2").timePicker({
    startTime: "09.00",  // Using string. Can take string or Date object.
    endTime: new Date(0, 0, 0, 15, 30, 0),  // Using Date object.
    show24Hours: false,
    separator:'.',
    step: 15
  });
});

在表格中，我添加了以下内容：

<b>Pick a Date and Time</b><br>
<span class="auto-style7">Date: </span>
<input type="text" id="datepicker" name="testdrivedate" style="width: 91px" /><br>
<span class="auto-style7">Time: </span>
<input type="text" id="time2" name="testdrivetime" size="10" value="09.00 AM" style="width: 87px"/><br>

datePicker运行良好，当用户单击字段中时，日历在字段下方出现，并且选择日期时，则将字段填充到所选日期。

但是，timepicker 字段不起作用。09:00 AM 出现在表单中，但是当用户在该字段中单击时，不会出现下拉菜单以允许选择不同的时间。

我哪里出错了？

感谢您的任何帮助。

安娜

4

1 回答 1

2

根据您上面的评论，我猜您的代码没有执行，因为您没有包含jquery.timePicker.js在您的代码中。下载文件并像这样包含它：

 <script src="path/to/your/js/file/jquery.timePicker.js"></script>

您不需要包含 datePicker.js，因为 datepicker是jquery-ui 库中包含的插件。（所以真的你有 datepicker 包括在内！）

此外，查看您的评论，您不需要;在声明<script>标签后

像这样：

<script></script>

不像这样：

<script></script>;

编辑

我发现了这个问题， jquery.timepicker.js库似乎很旧（2009 年）。它是使用更旧的 jquery 版本开发的。当我使用更新版本的 jquery 运行 jquery.timepicker.js 时，我在控制台中收到此错误：

Uncaught TypeError: Cannot read property 'opera' of undefined在 jquery.timePicker.js 第 130 行

当我检查 jquery.timepicker.js 中的第 130 行时，错误是抱怨$.browser是undefined. 您使用的是 jquery 1.9.1，从 jquery 1.9 开始，jquery 网站就 $.browser 对象说明了这一点：

This property was removed in jQuery 1.9 and is available only through the jQuery.migrate plugin. Please try to use feature detection instead.

有关 jquery 浏览器元素的更多信息，请参阅此页面：http: //api.jquery.com/jQuery.browser/

如果您想获得$.browserjquery.timepicker.js 工作，您似乎必须尝试使用​​ jquery.migrate 插件。我不确定这会有多困难，因为我以前从未使用过 jquery.migrate 插件。

作为另一种解决方案，jquery 1.8.3 看起来与 jquery.timepicker.js 和 jquery-ui 1.10.3 （这也是您正在使用的）很好地配合。您可以使用 jquery 1.8.3 而不是 1.9.1：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

或者你应该使用最新版本的 jquery、jquery-ui 和更新的jquery timepicker 插件。在 google 搜索中，jquery timepicker 的第一个条目是这个http://trentrichardson.com/examples/timepicker/日期为 2013 年 5 月 5 日的最近的条目。这可能对你更有效。

祝你好运！

于 2013-07-03T16:51:55.637 回答