javascript - 如何在 Angular js中打开bootstrap datepicker？

Question

你能告诉我如何在 Angular JS 中打开 bootstrap datepicker 吗？我有两个字段名称和数据。我想在单击日期字段时打开 datepicker 。这是我的代码 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"...>

将这些添加到日期选择器输入的指令中。这应该有效。尝试一下你的笨蛋