嘿我試圖使用任何+時間日期選擇器,用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? – 2011-03-14 03:29:27
是.js可訪問嗎?它在正確的位置嗎? – clyc 2011-03-14 03:29:48
.js可以訪問。我知道這一點,因爲當你下載它後最初運行代碼時,會彈出一個警告函數。此警報消息位於anytime.js行的末尾。如果有人測試過,我將不勝感激。你可以拿上面粘貼的html代碼。從網站下載需要一秒鐘。 – SerotoninChase 2011-03-14 05:08:28