Question

请告诉我如何在angular js中打开引导日期选择器。我有两个字段名称和数据。我想在单击日期字段时打开日期选择器。这是我的代码 http://plnkr.co/edit/elrOTfEOMmUkPYGmKTdW?p=preview

var app = angular.module('plunker', ['angularMoment']);

app.controller('MainCtrl', function($scope, moment) {
  $scope.name = 'World';
  console.log(moment)
  var d = new Date(613938600000);
  $scope.c = {
    name: {
      name: 'abc'
    },
    date: {
      name: moment(d).format('DD-MMM-YYYY')
    }
  };

  $scope.onclick = function() {
    if (!moment($scope.c.date.name).isValid()) {
      alert('Everything is wrong dude');
    } else {
      alert('Everything goood');
    }
  }

});

任何更新

Answer 1

请使用此字段替换输入字段。

<input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="x.name" is-open="open" data-ng-click="open = true" datepicker-options="dateOptions" ng-required="true" close-text="Close" alt-input-formats="altInputFormats" />

我在输入处添加了这些指令

<... is-open =“ open” data-ng-click =“ open = true” ...>

将这些指令添加到datepicker输入的指令中。这应该工作。尝试一下吧！

Answer 2

不知道您是否要走这条路线，但是我的建议是利用UI Bootstrap。借助该库以及其他引导程序功能，可以很轻松地打开日期选择器，而不必完全移植引导程序。

如何在Angular js中打开bootstrap datepicker？

2 个答案: