bootstrap datePicker 如何根據需要進行驗證

Question

我使用 it-date-datepicker 作為日歷選擇器。 這是一個基於 ab-datepicker 的 boostrap-datepicker 版本。 問題是我希望這個字段是強制性的。 為此，我也下載了 jquery.validate.js，但我不知道如何使它工作。 我沒有發現任何有關日期驗證的信息。

有什么建議嗎？

在此先感謝您的幫助

這是我的 html 代碼：

 <form class="needs-validation" novalidate action="mysqlStuff.php" method="POST">
 <div class="col-md-3 mb-3 " >

 <!-- Default unchecked -->
    <div class="custom-control custom-radio myDivTop"style="padding-left: 5px" >
        <input type="radio" class="custom-control-input" id="male" name="gender" checked>
        <label class="custom-control-label" for="male">Male</label>
    </div>

    <!-- Default checked -->
    <div class="custom-control custom-radio myDivBottom" style="padding-left: 5px">
        <input type="radio" class="custom-control-input" id="female" name="gender" >
         <label class="custom-control-label" for="female">Female</label>
    </div>   
    
    <input class="form-control  it-date-datepicker  " id="date" type="text" name= "birthdate"  placeholder="gg/mm/aaaa" required>

    </div>
    <button class="btn btn-primary" id="invia" type="submit">Submit form</button>
   
  </form>

糟糕的 javascript 代碼是：

<script>
    $(document).ready(function() {
    $('.it-date-datepicker').datepicker({ 
        
       });
    });
</script>

Answer 1

將 required 放入輸入標簽和初始化驗證中

$(function() {
  $('.it-date-datepicker').datepicker();
  $(".needs-validation").validate();
});

演示