日期验证，以便没有选择以前的日期[重复]

Question

我正在制作一个网站，我需要从用户那里获取日期，但它应该是今天的日期或即将到来的日期，而不是以前的日期。请帮我进行日期验证。

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

在此代码中添加什么，以便用户只能选择当前日期或即将到来的日期，而不是以前的日期。

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>