Pickers not selecting values when ngModelOption.updateOn is set on the input

[coryvb123]

When I add ng-model-options="{ updateOn: 'blur' }" to the input element, the datepicker and timepicker stop updating the input and model, and stop closing themselves.

It appears that $viewChangeListeners is not being triggered anymore and therefore dateSelection() is not being called by ng-change.

https://plnkr.co/edit/XF2mduZsuNsaSC7Q1Vgs?p=preview

[mahendra2125]

Hi, Do you have any update the above issue, i am also facing the same with the ng-model-options. It would be nice if you replay on this.

[Gillardo]

Sorry not been working on this library much lately. Looking at the code, it seems that you we could probably sort this by changing this line....

$scope.ngModelOptions = angular.copy(ngModelOptions);

if ($scope.ngModelOptions.updateOnDefault === true) {
	$scope.ngModelOptions.updateOn = $scope.ngModelOptions.updateOn ?
	$scope.ngModelOptions.updateOn + ' default' : 'default';
}

to

$scope.ngModelOptions = angular.copy(ngModelOptions);

$scope.ngModelOptions.updateOn = $scope.ngModelOptions.updateOn ?$scope.ngModelOptions.updateOn + ' default' : 'default';

This would fix the problem but would overwrite the updateOn blur option all together.

If you wanted to keep updateOn (which only applies to input fields), then we would need to create a separate copy of modelOptions for the datepicker which did not use the updateOn blur option, because a blur event never happens.

[mahendra2125]

Hi After done this modification now it is taking the ngmodeloptions on blur event but if we select the date form the date picker "ngModel.$viewChangeListeners.push(function () {" function to update the value to the model is not triggering. Can u plz check on this.

[Gillardo]

What about this?? https://plnkr.co/edit/OmxkChcPzluFNfu7py9s

Here i have updated the component slightly, and wonder if it helps you. If so, i can make these changes and put live.

[mahendra2125]

Hi, Thank you for your quick help. Your code to manually trigger the blur event working fine.

Please push the changes so will pull and implement it.

Please let me know once you push the modified changes.

[Gillardo]

New version published for you

[mahendra2125]

Hi,

I am getting below error in ipad, can you please help me with this.

Datepicker directive: "ng-model" value must be a Date object.

I am getting the date objects from the service and passing those values using new Date(value) and it is giving error

[Gillardo]

what format are your dates from the service?

[mahendra2125]

I am parsing this format with new Date(2018-04-16 12:07:00).

I am getting this error only in safari.

Got the solution now it is working fine.
it is accepting the date format like (MM/dd/yyyy)

[Gillardo]

This may help you. #222

I am going to release new version with this fix shortly

[Gillardo]

@mahendra2125 2.6.2 is now released. Upgrade and this should fix your issue