Question

我在一个表单中使用了JQuery UI日期和时间选择器。用户可以选择日期，时间，他可以提供一些额外的信息。但由于某些原因，每次用户点击文本输入以获取附加信息时，日期和时间选择器弹出窗口都会弹出...有什么问题？

记录中，所有内容都包含在php foreach循环中。不知道它是否与它有关。

日期和时间选择器代码：

<label class="labelx">Date: </td>
<input class="inputx" type="date" id="datepicker" name="datum" value=""></p>

<label class="labelx">Hour: </td>
<input class="inputx" type="text" id="timepicker" name="hour"></p>

<label class="labex">Title: </td>
<input class="inputx" type="text" id="title" name="titel"></p>

<label class="labex">Info: </td>
<input class="inputx" type="textfield" id="text" name="info"></p>

<input type="hidden" name="submitted" value="activitypost"/>
<input type="submit" name="submitted" class="verzend" value="Add"/>

JQuery的：

<script>
    $j(function() {
        $j( "#datepicker" ).datepicker({ minDate: +0});
    });
</script>
<script>
    $j(function() {
        $j( "#timepicker" ).timepicker();
    });
</script>

Answer 1

您的标签未正确关闭。像这样使用它们：

<label for="datepicker" class="labelx">Date: </label>

for属性引用了<input>的ID。

另外，请记得关闭input，如下所示：

<input class="inputx" type="date" id="datepicker" name="datum" value="" />

并且</p>不是必需的，您可以删除它们。

我的代码在这里运行，除了你的timepicker，它不是来自jQuery UI： http://jsbin.com/iqiyiy/edit

Answer 2

您可以将ImageButton添加到DatePicker。并设置为仅在用户单击ImageButton时弹出。

将这些参数添加到您的脚本中：

    <script>
    $j(function() {
        $j( "#datepicker" ).datepicker(
{ 
minDate: +0,
buttonImage: "image/your_calendar_image.png",
buttonImageOnly: true,
});
    });
</script>

JQuery UI datepicker弹出窗口始终打开

2 个答案: