2012-07-14 45 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' 
});