как открыть загрузчик DatePicker в угловых JS? - PullRequest
Новая
       8

как открыть загрузчик DatePicker в угловых JS?

0 голосов
/ 03 ноября 2018

подскажите, пожалуйста, как открыть загрузчик datepicker в угловых js. У меня есть два поля name и data . Я хочу открыть 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');
    }
  }

});

любое обновление

Ответы [ 2 ]

0 голосов
/ 04 ноября 2018

Пожалуйста, замените поле ввода на это. 

<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. Это должно работать. Попробуй в своем поршне

0 голосов
/ 04 ноября 2018

Не уверен, если вы хотите пойти по этому пути, но я бы предложил использовать UI Bootstrap . С помощью этой библиотеки довольно легко открыть средство выбора даты, а также другие функции начальной загрузки без необходимости полностью портировать начальную загрузку.

...