JQuery Time Picker基本示例

时间:2013-06-05 16:42:55

标签: timepicker

我正在尝试在JQuery中实现基本的时间选择器 但它根本不起作用

请帮助

<!DOCTYPE html>
<html>
<head>
<link type="text/css" href="../js/jquery/themes/base/jquery.ui.timepicker.css"   

rel="stylesheet" />
<script type="text/javascript" src="../js/jquery/ui/jquery.ui.timepicker.js"></script>
<script type="text/javascript" src="../js/jquery/ui/jquery.timepicker.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script>
$(document).ready(function(){
    $('#id1').timepicker();
});
</script>
</head>

<body>
Input: <input id="id1" type="text" name="fullname"><br>
</body>
</html>

2 个答案:

答案 0 :(得分:0)

您可能需要在timepicker脚本标记

之前放置jquery脚本标记

答案 1 :(得分:0)

把这个 - &gt;

$('input[name="TOH"]').ptTimeSelect(); 

而不是这个 - &gt;

$('#id1').timepicker();

//不要写id。只需写下你使用的html标签的名称。

它将像奇迹一样工作。我试过了。并确保您的笔记本电脑中的css和js文件具有正确的文件路径。