Question

上下文

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

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

开始日期输入 - 此日期不能在今天的日期之前。

开始时间输入 - 这不需要验证。

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

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

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

以下是HTML：

<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 .on("change", function())方法向日期选择器添加事件侦听器。然后，每次更改日期选择器值时，您的代码都会启动。

bootstrap-timepicker输入验证

1 个答案: