2011-03-14 47 views
0

嘿我試圖使用任何+時間日期選擇器,用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

你試圖把你的初始化中的document.ready? – 2011-03-14 03:29:27

+0

是.js可訪問嗎?它在正確的位置嗎? – clyc 2011-03-14 03:29:48

+0

.js可以訪問。我知道這一點,因爲當你下載它後最初運行代碼時,會彈出一個警告函數。此警報消息位於anytime.js行的末尾。如果有人測試過,我將不勝感激。你可以拿上面粘貼的html代碼。從網站下載需要一秒鐘。 – SerotoninChase 2011-03-14 05:08:28

回答

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" }); 
}); 
+0

它沒有工作!你嘗試過運行它嗎? – SerotoninChase 2011-03-14 05:05:23

0

你在你的腳本標籤/jquery-1.4.2.min試圖加載的jQuery後失蹤的.js。

+0

安德魯,我知道這是我的一個可怕的錯字錯誤。我添加了.js並將其設置爲/jquery.js。但它不會奏效。我正在使用壓縮的jquery.js文件。這可能是一個問題嗎? – SerotoninChase 2011-03-14 19:50:51

+0

我使用沒有問題的壓縮版本。 – 2011-03-15 18:57:20

0

我真的不確定這是否是我的錯誤,或者我從Any + Time Date選取器網站下載的jquery文件是否有問題。我從官方jquery網站下載jquery後,一切正常。

所以安德魯米安德魯斯三,你可以檢查如果jquery-1.4.2.min.js可下載在您的網站仍然正常工作?我可能是錯的,但它值得對它進行測試。

謝謝大家,您的時間幫助我。

問候, SerotoninChase

+0

我的網站上的jquery-1.4.min.js鏈接實際上是jquery.com上的代碼。也許你的下載出了問題,並且文件被損壞了?無論如何,我很高興你能夠正常工作。如果您還有其他問題,問題或建議,請通過我網站上的鏈接與我聯繫! – 2011-03-15 19:08:17