Question

我正在尝试使用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"/>

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

或者任何人都可以建议是否只有时间选择器的开源。

由于

Answer 1

您不需要onclick事件，只需使用它：

JS：

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

HTML：

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

但是我没有使用过这个插件，希望无论如何我都会帮忙。

Answer 2

您的jQuery选择器是错误的 - 现在您正在选择一个父ID具有#Time的输入元素。尝试更改为：

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

时间选择器（开源）

2 个答案: