无法让任何+时间日期选择器工作答案

【问题标题】：Can't get Any+Time date picker working无法让任何+时间日期选择器工作
【发布时间】：2011-07-14 17:49:52
【问题描述】：

嘿，我尝试使用 Any+Time 日期选择器，它是用 java 脚本编写的，它的下载网站 (http://www.ama3.com/anytime/) 提供了教程，但不知何故无法让它工作。现在，它只显示纯文本框。查看下面的 html 页面后，谁能告诉我我做错了什么？

<html>
<head>
<title>My page</title>
<link rel="stylesheet" type="text/css" href="/anytime.css" />
<script type="text/javascript" src="/jquery-1.4.2.min"></script>
<script type="text/javascript" src="/anytime.js"></script>
</head>
<body>
<style type="text/css">
  #field2 { background-image:url("clock.jpg");
    background-position:right center; background-repeat:no-repeat;
    border:1px solid #FFC030;color:#3090C0;font-weight:bold}
  #AnyTime--field2 {background-color:#EFEFEF;border:1px solid #CCC}
  #AnyTime--field2 * {font-weight:bold}
  #AnyTime--field2 .AnyTime-btn {background-color:#F9F9FC;
    border:1px solid #CCC;color:#3090C0}
  #AnyTime--field2 .AnyTime-cur-btn {background-color:#FCF9F6;
      border:1px solid #FFC030;color:#FFC030}
  #AnyTime--field2 .AnyTime-focus-btn {border-style:dotted}
  #AnyTime--field2 .AnyTime-lbl {color:black}
  #AnyTime--field2 .AnyTime-hdr {background-color:#FFC030;color:white}
</style>
<div id="content"><h1>Any time</h1><br /><br/>
Date: <input type="text" id="field1" size="50"
    value="Sunday, March 13th in the Year 2011 CE" /><br/>
Time: <input type="text" id="field2" value="12:34" />
<script type="text/javascript">
  $("#field1").AnyTime_picker( { format: "%W, %M %D in the Year %z %E", firstDOW: 1 } );
  $("#field2").AnyTime_picker( { format: "%H:%i", labelTitle: "Hour", labelHour: "Hour", labelMinute: "Minute" } );
</script>
</div>
</body>
</html>

【问题讨论】：

你有没有试过把你的初始化放在一个document.ready中？
.js 可以访问吗？位置是否正确？
.js 是可访问的。我知道这一点，因为当您在下载代码后最初运行代码时，会弹出此警报功能。此警报消息位于anytime.js 的行尾。如果有人对其进行测试，我将不胜感激。你可以拿我上面粘贴的html代码。从网站下载需要一秒钟。

标签： javascript jquery html anytime

【解决方案1】：

试试这个：

$(document).ready(function(){
 $("#field1").AnyTime_picker( { format: "%W, %M %D in the Year %z %E", firstDOW: 1 } );
  $("#field2").AnyTime_picker( { format: "%H:%i", labelTitle: "Hour", labelHour: "Hour", labelMinute: "Minute" } );
});

【讨论】：

【解决方案2】：

您在尝试加载 jQuery 的脚本标签中 /jquery-1.4.2.min 之后缺少 .js。

【讨论】：

安德鲁，我知道这是一个可怕的拼写错误。我添加了 .js 并将其设为 /jquery.js。然而它不会起作用。我正在使用压缩的 jquery.js 文件。会不会是个问题？
我用压缩版没问题。

【解决方案3】：

我真的不确定这是否是我的错误，或者我从 Any + Time 日期选择器网站下载的 jquery 文件是否有问题。从 jquery 官方网站下载 jquery 后，一切正常。

那么 Andrew M. Andrews III，您能否检查一下可在您的网站上下载的 jquery-1.4.2.min.js 是否仍然可以正常工作？我可能错了，但值得一试。

感谢大家花时间帮助我。

问候，血清素追逐

【讨论】：

我网站上的 jquery-1.4.min.js 链接实际上指向 jquery.com 上的代码。也许您的下载出了点问题并且文件已损坏？无论如何，我很高兴您可以使用它。如果您有其他问题、问题或建议，请通过我网站上的链接与我联系！