Невозможно привязать значение календаря в Angular JS

Question

Невозможно привязать значение календаря в Angular JS

0

Я новичок в угловых js и пытаюсь привязать значение даты календаря из jquery calendar picker, но он не является обязательным, принимая дату, когда все остальные поля являются обязательными.

Вот мой HTML

<input id="company" name="company"  ng-model="user.company"  type="text" placeholder="" class="form-control" required>

<input type="text"  name="exdate" ng-model="user.exdate"  id="exiprydate" placeholder="DD-MM-YYYY" class="form-control" required>

Вот мой код jquery

$(function () {
               $("#exiprydate").datepicker({                        
                      dateFormat: 'dd-mm-yy'
                    });
                });

Вот мой контроллер:

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

app.controller('adminController', function($scope, $http, $location) {

    $scope.submitloginform = function(isValid, user) {
        console.log($scope.user);
    });

Вот привязка календаря, по которому я могу выбрать дату: введите описание изображения здесь

Nitin 28 июль 2016, в 11:31

Источник

0

Я бы посоветовал вам создать угловую директиву для указателя даты, и вы сможете установить там ng-модель, а также сможете установить значение выбранной даты. Вот как я делал это в прошлом.
Kush 28 июль 2016, в 09:05
0

Создайте директиву обертки, как показано здесь в этом ответе
Pankaj Parkar 28 июль 2016, в 09:06

Теги:

javascript

jquery

html

angularjs

json

1 ответ

Ещё вопросы

Я бы посоветовал вам создать угловую директиву для указателя даты, и вы сможете установить там ng-модель, а также сможете установить значение выбранной даты. Вот как я делал это в прошлом.
Создайте директиву обертки, как показано здесь в этом ответе

Abdel Raoof · Answer 1 · 2016-07-28T06-34-00.000Z

Просто создайте директиву для datepicker.. что-то вроде этого:

angular.module('myApp').directive('datePicker', function() {
  return {
   restrict: 'A',
   require: 'ngModel',
   scope: {
        ngModel: '='
   },
   link: function(scope, element, attrs, ngModelCtrl) {
        element.datepicker({
            onSelect: function(date) {
                ngModelCtrl.$setViewValue(date);
            }
        });
   }
  };
});

и ваш HTML будет:

<input date-picker type="text" ng-model="myDate" />