How to call the datepicker using Angularjs

Question

I want to call datepicker using angularjs. I have tried with some piece of code, can someone help me on what is missing. In html tag getting "unknown attribute datepicker". Appreciate you help.Thanks.

<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);
            }
        }
    });

it should work..if you have included `datepicker` & `jQuery` correctly.. — Pankaj Parkar, Nov 05 '15 at 19:05
@pankaj Parkar i have added anything needs to add except this? — Thiyagarajan, Nov 05 '15 at 19:14
would recommend to readup on this answer http://stackoverflow.com/a/29194068/2435473 — Pankaj Parkar, Nov 05 '15 at 19:41

score 0 · Answer 1 · answered Nov 05 '15 at 21:17

0

Like Pankaj mentioned in the comments, sounds like you are missing some file. Make sure you are including everything in the right order. Simple things like adding jQuery before jQuery UI might be your answer.

Working example

answered Nov 05 '15 at 21:17

Peter Han

547
1
6
13

How to call the datepicker using Angularjs

1 Answers1