Interact angularjs with jquery-ui datepicker -

Is there a way to run an angular script when calling datepicker on select method?

Thanks

Yes, this is possible. You can instantize datepicker inside the controller.

  & lt; Html & gt; & Lt; Top & gt; & Lt; Link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" & gt; & Lt; Link rel = "stylesheet" href = "jquery-ui.css" & gt; & Lt; / Head & gt; & Lt; Body ng-app = "Date picture module" & gt; & Lt; Div ng-controller = "DatePickerController" & gt; & Lt; Input id = "dateField" /> & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Body & gt; & Lt; Script type = "text / javascript" src = "jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "jquery-ui.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" & gt; Angular.module ('DatePickerModule', []). Controller ('DatePickerController', function () {$ ('# dateField') Datepicker ();}); & Lt; / Script & gt; & Lt; / Html & gt;  Data-lang = "JS" data-hide = "wrong"> 
 
  and lieutenant; Html & gt; & Lt; Top & gt; & Lt; Link rel = "stylesheet" href = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" & gt; & Lt; Link rel = "stylesheet" href = "jquery-ui.css" & gt; & Lt; / Head & gt; & Lt; Body ng-app = "DatePickerApp" & gt; & Lt; Div & gt; & Lt; Input id = "dateField" myDirective / & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; Script type = "text / javascript" src = "jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "jquery-ui.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.13/angular.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" & gt; Angular.module ('DatePickerApp', []). Directive ('mydirective', function) {return {restrict: 'a', link: function (scope, element, ethers) {$ (function () {element.datepicker ({on selection: function () {warning (" Selected");}})}})}}}}); & Lt; / Script & gt; & Lt; / Html & gt;