日期驗證，以便沒有選擇以前的日期

Question

我正在做一個網站，我需要從用戶那裏得到日期，但它應該是今天的日期或即將到來的日期而不是以前的日期。請幫我做日期驗證。

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

什麼要添加在此代碼中，以便用戶a只能選擇當前日期或未來日期而不是以前的日期。

Answer 1

可以實現使用日期選擇器

<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>