javascript - 限制用户选择 jQuery 日期选择器以外的日期

Question

我正在制作一个 session 室预订系统，作为大学项目的一部分。我使用 jQuery UI 的日期选择器来允许用户输入日期。我对预订日期做了限制，只允许用户在 session 实际预订日期之前至少 6 天、最多 30 天预订房间。

在阅读了 datepicker API 后，我已经能够实现这一点，但由于它是一个文本字段，用户也可以手动输入日期。因此，如果今天是 11 月 20 日，用户只能预订 11 月 26 日到 12 月 20 日之间的日期。我已将其放入日期选择器中，但用户仍然可以手动输入(例如 2013-11-20)，然后就可以了(当然，直到它们被下一页的 php 捕获为止。)

我想用 JavaScript 编写一段代码来检查日期并计算它是否在特定范围内。

我的代码中的重要片段:

    <form action="#" method="post" style="margin-top:40px;">
    <input type="text" name="dateP" id="dateP" placeholder="DATE" required style="margin-right:40px;padding:5px;width:75px;">
    <input id="fromP" type="number" name="fromP" min="0800" max="2000" step="100" placeholder="FROM" required style="padding:5px;">hrs
    <input id="toP" type="number" name="toP" min="0900" max="2100" step="100" placeholder="TO" required style="padding:5px;">hrs<br>
    <input id="button" type="submit" value="PROCEED" style="border-color:#13c5ff;color:#13acd9;padding:5px;margin:30px;">
    </form>

和

    $(document).ready(function(){
            $('#dateP').datepicker({ minDate: +6, maxDate: +30, dateFormat: "yy-mm-dd", showAnim: "fadeIn"});
    });

因此，通过使用纯 JavaScript，我可以获取当前日期并向其添加 6 或 30 以获得我所需的范围。但是我如何将它与从 jQuery UI 中以“yyyy-mm-dd”格式生成的日期进行比较？

附注我需要将格式保留为 yyyy-mm-dd，因为这也是我的数据库中的格式。

Answer 1

您可以使用正则表达式，例如 /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/。但是，您还需要在服务器端测试此正则表达式，因为任何人都可以将他们想要的任何内容发送到服务器，而不管客户端验证如何。