我无法让Jquery UI timepicker插件工作

时间:2011-11-17 02:23:28

标签: javascript jquery forms jquery-plugins

我正在尝试使用Jquery UI时间戳,但是当我单击文本框时,不会显示时间戳。我想知道的是,我是否包含了此类插件的所有要求,并且时间戳的功能是否正确?

以下是代码:

<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 个答案:

答案 0 :(得分:2)

您的jquery选择器正在查找id timepicker的元素。 在您的示例中,没有id的元素 您需要将id元素的input设置为timepicker

示例:

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

答案 1 :(得分:-1)

我看到的文档显示它接受一个空的参数数组

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

很高兴知道他们添加了这个,我过去想要这个,并且会在我正在创建的网站上使用它