嘿我尝试使用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>
答案 0 :(得分:0)
试试这个:
$(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" } );
});
答案 1 :(得分:0)
在脚本标记中的/jquery-1.4.2.min之后,你试图加载jQuery时缺少.js。
答案 2 :(得分:0)
我真的不确定这是不是我的错误,或者我从Any + Time Date选择器网站下载的jquery文件是否有问题。从官方jquery网站下载了jquery后,一切正常。
安德鲁·安德鲁斯三世,您能否检查一下您网站上的jquery-1.4.2.min.js是否仍能正常运行?我可能错了,但值得测试一下。
感谢大家帮助我的时间。
此致 SerotoninChase