2011-11-17 71 views
0

我想使用Jquery UI timepicker,但是當我點擊文本框時,timepicker不顯示。我想知道的是,我是否包含了此類插件的所有要求,並且是時間選擇器的功能是否正確?我無法讓Jquery UI timepicker插件工作

下面是代碼:

<head> 
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
     <title>Create a Session</title> 
     <link rel="stylesheet" type="text/css" href="MyStyles.css"> 
     <script type="text/javascript" src="jquery/jquery-1.7.min.js"></script> 

     <link rel="stylesheet" type="text/css" href="jquery/ui-lightness/jquery.ui.timepicker.css"/> 
     <link rel="stylesheet" type="text/css" href="jquery/ui-lightness/jquery-ui-1.8.14.custom.css"/> 
     <script type="text/javascript" src="jquery/jquery.ui.timepicker.js"></script> 
     <script type="text/javascript"> 

$(function() { 
     $("#timepicker").timepicker(); 
    }); 

</script> 
</head> 
<body> 
<form action="create_session.php" method="post" name="sessionform"> 
<p><strong>5: Time:</strong><input type="text" id=""></p> 
</form> 
</body> 

回答

2

你的jQuery選擇是尋找與timepickerid的元素。 在您的示例中,沒有任何元素id 您需要將input元素的id設置爲timepicker

例子:

<input type="text" id="timepicker"> 
+0

我是個白癡!我完全忘了我從ID中刪除了「timepicker」。我不記得爲什麼我這麼做,但這讓我的問題看起來很愚蠢,因爲這是一個明顯的原因,爲什麼它不工作,我只是沒有看到它。謝謝:) – BruceyBandit

+2

@ user1050384,請不要忘記標記爲答案,如果它解決了您的問題。 – Gabe

-1

,我看到顯示它接受一個空參數數組

$('#timepicker').timepicker({}); 

很高興知道他們添加了這個文件,我已經在過去希望這個並會在網站上使用它我正在創建過程中

+0

Gabe也說得很好...哈哈,當我看到你的代碼時,我錯過了 –