angularjs datepicker not working

Question

我正在使用Angularjs。在這我使用jQuery的datepicker;但是當我傳遞選定的日期值時，它不會獲取選定的值。我需要解決這個問題。

下面找到我的代碼：

標記

<div class="form-group"> 
    <label for="inputPassword3" class="col-sm-3 control-label">Project Startdate</label> 
    <div class="col-sm-9"> 
     <!-- <input type="text" name="prjstartdate" id="prjstartdate" class="form-control" ng-model="vm.user.prjstartdate" required />--> 
     <div class="container" id="sandbox-container"> 
      <div class="input-daterange input-group" id="datepicker" name="prjstartdate" id="prjstartdate" class="form-control" ng-model="vm.prjstartdate"> 
       <input type="text" name="prjstartdate" id="prjstartdate" class="form-control" ng-model="vm.prjstartdate" required /> 
      </div> 
     </div> 
     <span ng-show="form.password.$dirty && form.password.$error.required" class="help-block">Password is required</span> 
    </div> 
</div> 

功能：

function MyCntrlsave($scope,$http) { 

    $scope.savedetails = function() { 
     var vm = this; 
     var projectname = $scope.vm.prjname; 
     var cilentname = $scope.vm.clientname; 
     var clientstatus = $scope.vm.prjsta; 
     var prjstartdate = $scope.vm.prjstartdate; 
     var prjenddate = $scope.vm.prjenddate; 
     var prjurl = $scope.vm.prjurl; 
     alert("projectname"+projectname); 
     alert("cilentname"+cilentname); 
     alert("prjstartdate"+prjstartdate); 
    }; 

}; 

Answer 1

HTML

<input type="text" name="prjstartdate" id="prjstartdate" class="form-control" ng-model="prjstartdate" required jqdatepicker/> 

在控制器

var prjstartdate = $scope.prjstartdate 

使用jQuery UI，並添加指令

datePicker.directive('jqdatepicker', function() { 
return { 
    restrict: 'A', 
    require: 'ngModel', 
    link: function (scope, element, attrs, ngModelCtrl) { 
     element.datepicker({ 
      dateFormat: 'dd/mm/yy', 
      onSelect: function (date) { 
       scope.prjstartdate = date; 
       scope.$apply(); 
      } 
     }); 
    } 
}; 
}); 

Demo Here