2012-07-14 42 views
1

我試着在jQuery庫的開源時間選擇器(ptTimeSelect)。我已將代碼放在我的php文件的標題中,但是一旦我點擊該字段以顯示時間,它就不會出現。時間選擇器(開源)

頁眉叫喚:

<script src="js/jquery-1.7.2.min.js"></script> 
<script src="js/jquery.ptTimeSelect.js"></script> 
<link href="css/jquery.ptTimeSelect.css" rel="stylesheet" type="text/css"> 

$('#Time').ptTimeSelect({ 
popupImage: 'Select Time' 
}); 

更新機身碼:

<input name="Time" id="Time" class="jquery.ptTimeSelect"/> 

它現在顯示的時間。但模式扭曲。

或者任何人都可以告知是否有時間選擇器的良好開源。

感謝

回答

1

你不需要onclick事件,只是用這樣的:

JS:

$(document).ready(function(){ 
    $('#time').ptTimeSelect({ 
    popupImage: 'Select Time' 
    }); 
}); 

HTML:

<input name="Time" id="time" /> 

沒」儘管使用插件,希望我幫忙。

+0

它有幫助,並有彈出。但它並沒有展現出時代的美好風格。任何想法爲什麼?我已經添加了我的CSS。 – JLearner 2012-07-14 07:42:49

+0

嘗試不使用popupImage參數,例如:$('#time')。ptTimeSelect();這應該稱爲默認設計。 – ZeeCoder 2012-07-14 07:52:08

+0

它仍然是一樣的。設計失真。 – JLearner 2012-07-14 08:10:04

0

你的jQuery選擇是錯的 - 現在你選擇衛生組織父輸入元素具有#TIME的ID。嘗試更改爲:

$('input#Time').ptTimeSelect({ 
    popupImage: 'Select Time' 
});