Question

我正在建立一个网站，我需要在该网站上与用户约会，但它应该是今天的日期或即将到来的日期而不是之前的日期。请帮我进行日期验证。

<input type="date" name="doj" required>

在此代码中添加的内容，以便用户a只能选择当前日期或即将到来的日期而不是上一个日期。

Answer 1

您可以使用datepicker

实现

   <script src="//code.jquery.com/jquery-1.10.2.js"></script>
   <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
   <link rel="stylesheet" ref="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all">

   <input type="text" id="strDate" name="doj" required />


    <script type="text/javascript">
    var dateToday = new Date();
        var dates = $("#strDate").datepicker({
            defaultDate: "+1w",
            changeMonth: true,
            numberOfMonths: 1,
            minDate: dateToday,
            onSelect: function(selectedDate) {
                var option = this.id == "from" ? "minDate" : "maxDate",
                    instance = $(this).data("datepicker"),
                    date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
                dates.not(this).datepicker("option", option, date);
            }
        });
    </script>

日期验证，以便不选择上一个日期

1 个答案: