无法绑定Angular js中的Calendar值

时间:2016-07-28 09:00:55

标签: javascript jquery html angularjs json

我是角度js的新手,并尝试从jquery日历选择器绑定日历日期的值,但它不绑定接受所有其他字段绑定的日期。

这是我的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);
    });

以下是我可以选择日期的日历快照: enter image description here

1 个答案:

答案 0 :(得分:0)

只需为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" />