如何使用Angularjs调用datepicker

时间:2015-11-05 19:01:32

标签: javascript jquery angularjs datepicker

我想使用angularjs调用datepicker。我尝试了一些代码,有人可以帮我解决缺少的问题。在html标签中获取“未知属性datepicker”。感谢你的帮助。谢谢。

<input ng-model="datePicker" id="txt_parentcrid" type="text" placeholder=":input" datepicker/>
   var app = angular.module("myApp", []);
    app.directive("datepicker", function () {
        return {
            restrict: "A",
            require: "ngModel",
            link: function (scope, elem, attrs, ngModelCtrl) {
                var updateModel = function (dateText) {
                    scope.$apply(function () {
                        ngModelCtrl.$setViewValue(dateText);
                    });
                };
                var options = {
                    dateFormat: "dd/mm/yy",
                    onSelect: function (dateText) {
                        updateModel(dateText);
                    }
                };
                elem.datepicker(options);
            }
        }
    });

1 个答案:

答案 0 :(得分:0)

就像评论中提到的Pankaj一样,听起来好像你错过了一些文件。确保按正确顺序包含所有内容。在jQuery之前添加jQuery UI等简单的事情可能就是您的答案。

Working example