年龄限制为18年 - Bootstrap Datepicker

时间:2014-02-19 12:46:45

标签: javascript jquery twitter-bootstrap datepicker

我正在使用Bootstrap Datepicker。

我希望将年龄限制为18年。

应禁用低于当前日期18岁的日期。

这是我的小提琴:

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

JS:

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

3 个答案:

答案 0 :(得分:2)

如果要允许18岁以上的用户,只需将endDate:'-18y'放入

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

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

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

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

答案 1 :(得分:0)

这是您所追求的JavaScript:

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

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

但你的小提琴正在使用coffeescript,所以这里的咖啡是一样的:

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

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

答案 2 :(得分:0)

您可以使用yearRange,让用户只选择当年年份不超过18岁的年份。像,

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