设置 18 岁的年龄限制 - Bootstrap Datepicker答案

【问题标题】：Put age restriction of 18 years - Bootstrap Datepicker设置 18 岁的年龄限制 - Bootstrap Datepicker
【发布时间】：2014-02-19 12:46:44
【问题描述】：

我正在使用 Bootstrap 日期选择器。

我想设置 18 岁的年龄限制。

应禁用从当前日期起小于 18 岁的日期。

这是我的小提琴：

http://jsfiddle.net/kGGCZ/17/

JS：

$(function()
{
    $('#datepicker').datepicker(
    {
        viewMode: "years",
        defaultDate: '-2yr', 
    }
    );
});

【问题讨论】：

标签： javascript jquery twitter-bootstrap datepicker

【解决方案1】：

如果您只想允许 18 岁及以上的用户，只需输入 endDate: '-18y'。

<input type="text" class="datepicker">

<script>
$('.datepicker').datepicker({
  endDate: '-18y'
});
</script>

工作示例：https://jsfiddle.net/sparshturkane/w46euf5q/1/

更多选项和说明请参考Bootstrap Date picker docs

【讨论】：

【解决方案2】：

这是你要的 JavaScript：

var dt = new Date();
dt.setFullYear(new Date().getFullYear()-18);

$('#datepicker').datepicker(
    {
        viewMode: "years",
        endDate : dt
    }
);

但是你的小提琴使用的是咖啡脚本，所以这里的咖啡也是一样的：

dt = new Date()
dt.setFullYear new Date().getFullYear() - 18
$("#datepicker").datepicker
  viewMode: "years"
  endDate: dt

工作示例：http://jsfiddle.net/Ln5x6/1/

【讨论】：

【解决方案3】：

您可以使用 yearRange，让用户只选择当前年份小于 18 岁的年份。喜欢，

jQuery('#dateob').datepicker({
changeMonth: true,
changeYear: true,
yearRange: '-110:-18',
showButtonPanel: true
});

【讨论】：