2015-03-31 82 views
1

也許有人已經有像我這樣的問題 - 我想使用這個example的Simple init DateTimePicker。我創建了一個簡單的PHP頁面:JQuery的Timepicker不顯示

<html> 
<head> 
<script src="js/jquery.js"></script> 
<script src="js/jquery.datetimepicker.js"></script> 
<link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css" /> 
<script> 
jQuery('#datetimepicker').datetimepicker(); 
</script> 
</head> 
<body> 
<input id="datetimepicker" type="text" > 
</body> 
</html> 

我也把jquery.datetimepicker.jsjquery.js和在js文件夾中,相同的CSS,但刷新頁面後 - 我看到的是空的輸入字段和日期選擇器不顯示。我究竟做錯了什麼?

+0

使用$來代替jQuery的 – Saty 2015-03-31 09:58:01

+0

的做你長了控制檯中的任何錯誤? – 2015-03-31 09:58:33

+5

將代碼添加到'$(function(...){});'** [Dom Ready](http://learn.jquery.com/using-jquery-core/document-ready/)**事件。當你的jQuery代碼觸發時,文檔應該準備好。 – 2015-03-31 09:59:14

回答

4

使用document.ready功能,確保JS們正確包含

<script> 
jQuery(document).ready(function(){ 
jQuery('#datetimepicker').datetimepicker(); 
}); 
</script> 
+0

謝謝,它解決了這個問題!你也許也知道我怎樣才能進一步通過選擇的日期(例如,一些PHP變量,只是稍後將其插入數據庫)? – randomuser2 2015-03-31 10:42:52

+0

在PHP或jQuery中? – 2015-03-31 10:43:55

+0

說實話,我只是開始我的冒險與jquery ...我用php很多情況下的MySQL連接,但如果你可以推薦我一個更好的方式在jQuery中,那麼肯定我願意嘗試它:) – randomuser2 2015-03-31 10:50:31