Php JQuery UI日期选择器始终打开

我在我的网站上的表单中使用了jQueryUI日期和时间选择器。用户可以选择日期、时间，还可以提供一些附加信息。但出于某种原因，每当用户点击文本输入以获取附加信息时，日期和时间选择器弹出窗口就会打开。。。怎么了

作为记录，所有内容都包含在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"/>

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

日期：

时间：

标题：

信息：

JQuery:

<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"/>

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

$j（函数（）{
$j（“#datepicker”）.datepicker（{minDate:+0}）；
});
$j（函数（）{
$j（“#timepicker”）.timepicker（）；
});

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

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

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

而且

不是必需的，您可以删除它们

我让你的代码在这里工作，除了你的时间选择器，它不是来自jQuery UI：

---

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

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

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

$j（函数（）{
$j（“#日期选择器”）。日期选择器(
{ 
minDate:+0，
buttonImage:“image/your\u calendar\u image.png”，
buttonImageOnly:正确，
});
});

Thank:）让它工作了。Chrome中仍然存在错误（关于无效值的内容）。。。