【问题标题】:Datepicker using angularjs is working fine but not able to change year directly使用 angularjs 的 Datepicker 工作正常,但无法直接更改年份
【发布时间】:2016-01-28 04:12:04
【问题描述】:

我的应用程序中的日期选择器工作正常,但我无法直接更改年份。我必须逐月更改年份

日期选择器指令

app.directive('adatepicker', function() {
  return {
    require: 'ngModel',
    link: function(scope, el, attr, ngModel) {
      $(el).datepicker({
        onSelect: function(dateText) {
          scope.$apply(function() {
            ngModel.$setViewValue(dateText);
          });
        }
      });
    }
  };
});

在 HTML 页面中

 <input type="text" adatepicker="" ng-model="Date"/>

日期选择器截图

【问题讨论】:

标签: angularjs


【解决方案1】:

documentation,使用指定的changeYear 选项初始化日期选择器:

$( ".selector" ).datepicker({
  changeYear: true
});

获取或设置changeYear选项,初始化后:

// Getter
var changeYear = $( ".selector" ).datepicker( "option", "changeYear" );

// Setter
$( ".selector" ).datepicker( "option", "changeYear", true );

【讨论】:

  • $(el).datepicker({ changeYear: true, onSelect: function(dateText) {...}});
  • 现在我得到了解决方案,但下拉列表中有一个问题,年份值不可见。
  • 这可能与css有关。
  • 那是 css 问题,我得到了解决方案,谢谢
猜你喜欢
  • 1970-01-01
  • 2021-06-16
  • 1970-01-01
  • 2019-06-17
  • 2018-12-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多