引导计时器选择器输入验证

Question

上下文：

我正在尝试为事件创建工具添加4个不同日期/时间选择器的验证。

第一组日期和时间输入是事件开始日期/时间：

开始日期输入-此日期不能早于今天的日期。

开始时间输入-无需验证。

第二组日期和时间输入是事件结束日期/时间：

结束日期输入-这不能在开始日期之前，但可以与开始日期相同。

结束时间输入-如果结束日期与开始日期相同，则结束时间不能早于开始时间。如果结束日期在开始日期之后，则结束时间可以是任何时间。

这是超文本标记语言：

<p>
<table>
    <tr>
        <td>
            <label>Event Start Date</label>
            <span class="input-append bootstrap-timepicker">
                <input type="text" runat="server" id="eventstartdate" name="eventstartdate" readonly="true" class="input-small" />
            </span>
        </td>
        <td>
             <label>Event Start Time</label>
             <span class="input-append bootstrap-timepicker">
                 <input runat="server" id="timepicker1" type="text" readonly="true" class="input-small">
             </span>

        </td>
    </tr>
</table>
</p>

<p>
<table>
    <tr>
        <td>
            <label>Event End Date</label>
            <span class="input-append bootstrap-timepicker">
                <input type="text" runat="server" id="eventenddate" name="eventenddate" readonly="true" class="input-small" />
            </span>
        </td>
        <td>
            <label>Event End Time</label>
            <span class="input-append bootstrap-timepicker">
                <input runat="server" id="timepicker2" type="text" readonly="true" class="input-small">
            </span>
        </td>
    </tr>
</table>

</p>

诀窍是我不想在单击提交按钮时进行验证。我想防止用户输入无效的日期/时间。

我有点不知所措，甚至不知道从哪里开始。任何帮助都将不胜感激！

Answer 1

您应该使用jquery将事件侦听器添加到日期选择器中。打开（“change”，function（））方法。然后，每次更改日期选择器值时，代码都会启动。