AngularJS - jQuery UI datepicker with alternative input not firing ng-model

Question

I'm using jQuery UI datepicker, with an alternative input.

So, when selecting a date from the calendar, an inputs value is set by jQuery.

The value is being updated in the input, but the ng-model is not updating.

<input type="text" name="date"  ng-model="user.date" />

You should look into using Angular Strap. JQuery isn't really needed when using Angular. — Zack Argyle
– Zack Argyle, Commented Apr 8, 2014 at 15:00

Tushar Gupta - curioustushar · Accepted Answer · 2014-04-08 14:46:46Z

2

Try

.trigger('input');

ngModel listens for input event, so to make it work you have to fire an event .

$('input[name="date"]').trigger('input');

answered Apr 8, 2014 at 14:46

57.2k24 gold badges106 silver badges110 bronze badges

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

2 Comments

I've thought of this, but it didn't quite seem the angularjs way of things. Is this the best way of doing it? Thanks

@CharliePrynn if you are doing it with jQuery you have do it. or you do all with AngularJs