angular ui boostrap日期选择器显示年份第一

angular ui boostrap datepicker show years first

本文关键字:显示 选择器 ui boostrap 日期 angular      更新时间:2023-09-26

我需要在angular ui boostrap日期选择器中首先显示年份,因为用户需要选择出生日期,而且很难确定需要在上面的月份选择月份,而不是在上面的年份选择年份。这就是我尝试的:

$scope.dateOptions = {
    minMode: 'year',
    maxMode:'day'
};

工作Plunk:http://plnkr.co/edit/KAVPzZOOJPpKbEyio1Yg?p=preview

这就是您想要的:datepickerMode: 'year'

$scope.options = {
  datepickerMode: 'year'
};

使用ui.bootstrap 0.13.4时,需要将其设置为datepicker元素中的属性,或者需要将datepickerConfig配置为全局应用。当定义为属性时,这样写:

datepicker-mode="'year'"

不要忘记在双引号中使用单引号(反之亦然)。

定义属性后查看更新后的plunkhttp://plnkr.co/edit/xNg244qbfgTnAcginH43?p=preview