在引导程序 datepicker 中禁用 18 岁以下的年份

Question

使用引导程序日期选择器向用户显示日期的表单。我有一个出生日期字段，试图禁用从当前日期起 18 岁以下的任何用户的年份。例如，由于我们在 2019 年，日期选择器应该只显示低于 2001 年的年份，例如 2001 、 2000 、 1999 、 1998 、 1997 等

这工作正常（年），但我在禁用月份和特定日期时遇到问题，例如，由于我们在 01/02/2019 ，日期选择器应该禁用 2001 年 2 月 1 日之后的任何日期

出生日期

//dob
<div class="form-line registar love">
      <input type="text" placeholder="Date of Birth *" class="form-input" name="dob" id="dob" value="#" title="You should be over 18 years old" required>

      <label class="error error-tip" for="dob" id="dobErr" style="display: none; color:red; font-size: 11px;">You should be over 18 years old</label>
 </div>
//end dob

Javascript 逻辑

var maxBirthdayDate = new Date();
maxBirthdayDate.setFullYear( maxBirthdayDate.getFullYear() - 18 );
maxBirthdayDate.setMonth(11,31);
$( function() {
  $( "#dob" ).datepicker({
    changeMonth: true,
    changeYear: true,
    dateFormat: 'yy-mm-dd',
    maxDate: maxBirthdayDate,
    yearRange: '1900:'+maxBirthdayDate.getFullYear(),
  });
});

Answer 1

对于 bootstrap-datepicker (^1.9.0) 我已经解决了。

$('#dob').datepicker({ endDate: '-18Y' });

Answer 2

您可以使用minDate 和maxDate 以非常简单的方式进行验证，以防止用户在 18 岁之前选择 DOB。

$("#dob").datepicker( { minDate: '-30Y',dateFormat: 'dd/mm/yy', maxDate: '-18Y' });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="https://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>


<p>Date: <input type="text" id="dob" /></p>

Answer 3

带有 JS 日期和引导日期选择器：

var today = new Date();
var dd = today.getDate();
var mm = today.getMonth() + 1; //January is 0!

var yyyy = today.getFullYear() -18;
if (dd < 10) {
    dd = '0' + dd;
} 
if (mm < 10) {
    mm = '0' + mm;
} 
var yearsago = mm + '/' + dd + '/' + yyyy;

或使用 Moment.js

var yearsago = moment(new Date()).subtract(18, 'years').format("DD-MM-YYYY");

$('#dob').datepicker('setStartDate', yearsago);

或

$('#dob').datepicker({ 
   startDate: yearsago
});