角度形式的日期选择器

时间:2016-04-11 19:15:11

标签: javascript angularjs datepicker angular-formly

我正在尝试使用 angular-formly UI datepicker,但我无法使其发挥作用。

我已经按照下面的线程,我什么也没得到。
链接:github.com/formly-js/angular-formly-website/issues/15。

现在问题是加载datepicker.html模板 错误消息:加载plx / datepicker.html对象的模板时遇到问题{data:" 404:Not Found ..."

这是配置:

formlyConfig.setType({
  name: 'datepickerPlx',
  templateUrl:  'plx/datepicker.html',
  wrapper: ['bootstrapLabel', 'bootstrapHasError'],
  defaultOptions: {
    ngModelAttrs: ngModelAttrs,
    templateOptions: {
      datepickerOptions: {
        format: 'MM.dd.yyyy',
        initDate: new Date()
      }
    }
  },
  controller: ['$scope', function ($scope) {
    $scope.datepicker = {};

    $scope.datepicker.opened = false;

    $scope.datepicker.open = function ($event) {
      $scope.datepicker.opened = !$scope.datepicker.opened;
    };
  }]
});

有关代码的更多信息,请参阅 jsbin code

1 个答案:

答案 0 :(得分:1)

尝试更改以下代码的templateUrl:

template: '<input class="form-control" ng-model="model[options.key]" is-open="to.isOpen" datepicker-options="to.datepickerOptions" />',