使用bootstrap datetimepicker仅显示过去几年

时间:2018-02-11 05:27:56

标签: javascript eonasdan-datetimepicker

我有Bootstrap 3 Datepicker输入用于选择出生日。我找到了一个很棒的功能viewMode: 'years',当选择对话框从几年开始,但Datapicker显示从当前的-5到+5年,显然没有人在未来出生,所以我限制日期maxDate: moment() ,但是未来的年份仍会显示,但是已禁用 - 此外 - 这会将当前日期的初始值添加到输入中,defaultDate: false无法解决此问题!

所以,至少我可以将maxDate设置为今天 - 5年以避免未来几年,但它会设置当前值,这是不受欢迎的。

ADDED :未来几年仍然显示,仍在寻找避免它们的方法。

如何在同一时间限制日期并避免初始值?

https://codepen.io/zzmaster/pen/KQmdrJ

$(document).ready(function(){   
    $('#datetimepicker4').datetimepicker({
        format: 'DD-MMM-YYYY',
        viewMode: 'years',
        maxDate: moment(),
        defaultDate: false
    });
});

2 个答案:

答案 0 :(得分:0)

$(document).ready(function(){   
    $('#datetimepicker4').datetimepicker({
        format: 'DD-MMM-YYYY',
        viewMode: 'years',
        maxDate: moment(),
        useCurrent: false
    });
});

信用:NiK648

答案 1 :(得分:0)

不幸的是,没有解决方案来阻止选择器显示未来几年,解决方法是隐藏它们:

#datetimepicker  .disabled {
      display: none;
    }