Javascript 时间选择器(开源)

Javascript 时间选择器(开源),javascript,jquery,html,Javascript,Jquery,Html,我正在尝试jQuery库()的开源时间选择器。我已经将代码放在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="styleshee

我正在尝试jQuery库()的开源时间选择器。我已经将代码放在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'
});

$(“#时间”).ptTimeSelect({
弹出图像:“选择时间”
});
更新的机构代码:

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

它确实显示了现在的时间。但这种模式是扭曲的

或者任何人都可以建议是否有任何好的开源软件只用于时间选择器


谢谢

您不需要onclick事件,就这样使用它:

JS:

HTML:



不过我没有使用插件,希望我能帮上忙。

你不需要onclick事件,就这样使用它:

JS:

HTML:



虽然没有使用插件,但希望我能帮上忙。

它有帮助,并且有弹出窗口。但是它没有展现出当时的好风格。知道为什么吗?我已经添加了css。请在不使用popupImage参数的情况下尝试,例如:$(“#time”).ptTimeSelect();这应该调用默认设计。它仍然是一样的。设计失真。好吧,如果所有的东西都链接正确,并且图像都在正确的位置,那么我真的看不出有什么问题/CSS没有任何图像链接。这就是问题所在吗?因为我没有在图片背景URL上看到任何源代码。这很有帮助,并且有弹出窗口。但是它没有展现出当时的好风格。知道为什么吗?我已经添加了css。请在不使用popupImage参数的情况下尝试,例如:$(“#time”).ptTimeSelect();这应该调用默认设计。它仍然是一样的。设计失真。好吧,如果所有的东西都链接正确,并且图像都在正确的位置,那么我真的看不出有什么问题/CSS没有任何图像链接。这就是问题所在吗?因为我没有在图片背景URL上看到任何源代码。
$(document).ready(function(){
  $('#time').ptTimeSelect({
    popupImage: 'Select Time'
  });
});
<input name="Time" id="time" />