JqueryDatePicker angular directive element not working

Question

I have a directive for jquery date pickter. It works on Attribute method. But when i change to element it doesn't working. Here are my angular directive code

app.directive('jqdatepicker', function () {
    return {
        restrict: 'E',
        //require: 'ngModel',
        template:'<input type="text" class="cal_datefield">',
         link: function (scope, element, attrs, ngModelCtrl) {
            element.datepicker({
                dateFormat: 'dd/mm/yy',
                onSelect: function (date) {
                    scope.date = date;
                    scope.$apply();
                }
            });
        }
    };
});

My Markup has

<jqdatepicker></jqdatepicker>

Can you help me

Thanks in advance

bipin52165 · Accepted Answer · 2016-01-01 06:08:39Z

2

It looks something like:

app.directive('jqdatepicker', function () {
      return {
          restrict: 'E',
          //require: 'ngModel',
          replace: true,
          template:'<input type="text" class="cal_datefield">',
           link: function (scope, element, attrs, ngModelCtrl) {
              element.datepicker({
                  dateFormat: 'dd/mm/yy',
                  onSelect: function (date) {
                      scope.date = date;
                      scope.$apply();
                  }
              });
          }
      };
  });

You need to add one another option replace.

answered Jan 1, 2016 at 6:08

bipin52165

1688 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JqueryDatePicker angular directive element not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related