La fecha seleccionada de jquery datepicker no se considera en ng-change-AngularJS

parameters jquery-ui-datepicker

Question

Amablemente ayúdame a resolver este problema. Estoy usando jquery datepicker con AngularJS. Estoy tratando de obtener la fecha seleccionada y pasarla con una función como parámetro. Para esto estoy usando el siguiente código.

Html:

<input type="text" "ng-model="gettingStartDate" ng-change="newTest(gettingStartDate)" />

Selector de fechas:

$( "#date1" ).datepicker();

AngularJS:

function getOrg($scope, $http) {

  $scope.newTest = function(start_date){
     alert(start_date); 
  };

}

Answer 1

Deberías cambiar todo el enfoque. Usando jQueryUI datepicker directive:

angular
    .module(''App'',[''ui.date''])
    .directive(''customDatepicker'',function($compile){
        return {
            replace:true,
            templateUrl:''custom-datepicker.html'',
            scope: {
                ngModel: ''='',
                dateOptions: ''=''
            },
            link: function($scope, $element, $attrs, $controller){
                var $button = $element.find(''button'');
                var $input = $element.find(''input'');
                $button.on(''click'',function(){
                    if($input.is('':focus'')){
                        $input.trigger(''blur'');
                    } else {
                        $input.trigger(''focus'');
                    }
                });
            }    
        };
    })

Ver demostración

Answer 2

<input type="text" id="date1" datepicker1 ng-model="gettingStartDate" />

var app = angular.module(''reports'', [])
.directive("datepicker1", function () {
    return {
        restrict: "A",
        link: function ($scope, $element, $attr, $controller) {
            $element.datepicker({
                changeMonth: false,
                showOtherMonths: true,
                numberOfMonths: 2,
                dayNamesMin: [''Sun'', ''Mon'', ''Tue'', ''Wed'', ''Thu'', ''Fri'', ''Sat''],
                onSelect: function (date) {
                    $scope.gettingStartDate = date;
                    $scope.$apply();
                    $scope.fromDateSend(date); // function call
                },
                onClose: function (selectedDate) {
                    $("#date2").datepicker("option", "minDate", selectedDate);
                }
            });
        }
    };
});

Answer 3

Tales componentes complejos de IU deben ser incluidos en una directiva para mantener un enlace de datos modelo. Para jQuery datepicker, puede verificar esta pregunta o buscar en Google la "directiva jquery datepicker".