2013-07-15 49 views
2

無法獲得這個插件在瀏覽器中工作,所以我試圖找出我要去哪裏錯了。我甚至無法讓它進入jsFiddle: http://jsfiddle.net/pkDLJ/2/無法獲取日期選擇器插件工作

我必須根據我的開發人員使用1.7.2庫。我想我通過外部資源鏈接了JS文件。這是,如果不是:

http://keith-wood.name/datepick.html

我敢肯定,我俯瞰簡單的東西。我通常不使用jquery,所以請原諒我。我的HTML頭包括:

<link rel="stylesheet" type="text/css" href="js/jquery.datepick.css"> 
<script type='text/javascript' src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="js/jquery.datepick.js"></script> 
<script type='text/javascript'> 
$(function() { 
    $('#popupDatepicker').datepick(); 
}); 
</script> 

我在控制檯中沒有錯誤。樣式表正在加載。謝謝你的幫助。把我的頭髮拉出來。

回答

0

這裏是一個工作搗鼓你:http://jsfiddle.net/Zj8kB/

有沒有在文檔看上去完全消除,但在hasDatepick類固定的問題。

編輯:這是一條線,我可以在「導言」 Processed fields are marked with a class of hasDatepick and are not re-processed if targetted a second time底部的文檔中找到。

<div class="fltlft"> 
    <input type="text" id="popupDatepicker" class="formBox" name="DOB" type="text" placeholder="DOB" /> 
</div> 
+0

這是問題!我從來不會猜到這門課是一個問題,因爲我遵循該網站的例子。謝謝! – user2574250

+0

@ user2574250,很高興能有所幫助。 – vee

1

它看起來像這個插件的工作方式是這樣的:

請(從原來的標記,你必須在搗鼓我所做的去除hasDatepick類)改變你的HTML標記如下的方式,其他類干擾它的functiontality,我叉你的榜樣,並取消了對輸入的類,只是找出它的工作,確保你沒有覆蓋任何CSS類或者它是否適合你避免增加更多clases(或加他們與JS後加載)。

的HTML看起來像:

<div class="fltlft"> 
    <input id="popupDatepicker" name="DOB" type="text" placeholder="DOB" /> 
</div> 

這裏是工作fiddle