jQuery UI datepicker年龄验证

时间:2016-10-04 08:23:35

标签: php jquery html jquery-ui datepicker

我正在建立一个约会网站,所以我希望只有18岁以上的人加入。我正在使用jQuery UI datepicker。我希望YEAR部分显示少于18年(1997年)而不是当前年份(2016年),以便只有18岁以上的人才能加入该系统。每年新的一年都会像明年的最大年份选择一样,明年是1998年,1999年是第二年,等等。

这是我的代码:

<script>
$(function(){
    $("#datepicker").datepicker({
      changeMonth: true,
      changeYear: true,
      dateFormat: 'yy-mm-dd'
    });
});
</script>

提前致谢:)

3 个答案:

答案 0 :(得分:2)

$(function() {
  $("#datepicker").datepicker(
    {
      minDate: new Date(1900,1-1,1), maxDate: '-18Y',
      dateFormat: 'dd/mm/yy',
      changeMonth: true,
      changeYear: true,
      yearRange: '-110:-18'
    }
  );                    
});

答案 1 :(得分:0)

我认为(但不确定如果没有看到HTML)你需要在输入字段中提供一个值,如下所示:

<input name="date" id="datepicker" value="97-01-01" />

答案 2 :(得分:0)

Hullo,曾在一个需要年度验证的系统上工作过一次。我使用了date.js。在我的代码中我有类似的东西;

var dateOfBirth = Date.parse('1992-01-01'); // can be any date
var minimumDateOfBirth = Date.today().add(-18).years();
isRightAge = !(Date.compare(dateOfBirth, minimumDateOfBirth) > 0);