Ich bin nicht Jquery Datepicker Wert bekommen Taste von UIGRid anschließend auf

Question

Ich habe Jquery gesetzt Datepicker in UIGRid Zelle wie folgt:

{ name: 'RDD', displayName: 'RDD', cellTemplate:'<input type="text" class="datepicker" id="{{row.entity.PartID}}" ng-model="row.entity.RDD" ng-value="row.entity.RDD" ng-click="grid.appScope.datepicker(row)" width="10px;" />',width:"*" }, 

and datepicker function as:- 

$scope.datepicker = function(em) 
    { 
     alert('Do you want to change'); 
     var RowID = '#' + em.entity.PartID; 
     //$(RowID).datepicker('show'); 
     // alert(test); 
     $(RowID).datepicker(
     { 
     minDate: 0, 
     dateFormat: 'mm-dd-yy', 
     onSelect: function(dateText, inst) 
     { 
      $(RowID).val(""); 
      $scope.$(RowID).val(dateText) ; 
      //$('#36').val(dateText);   
     } 
     }); 
    }; 

Wenn ich auf Textbox picker ist geöffnet und das gewählte Datum in Textfeld angezeigt wird .

Aber wenn ich auf klicken Submit-Button das Gitter Rück ist mir alte Wert (das heißt Datenbankwert) nicht durch picker Wert ausgewählt

Kann jeder ein Gesicht dieses Problem mich darin & helfen?

Answer 1

//I have changed 
{ name: 'RDD', displayName: 'RDD', cellTemplate:'<input type="text" class="datepicker" id="{{row.entity.PartID}}" ng-model="row.entity.RDD" ng-value="row.entity.RDD" ng-click="grid.appScope.datepicker(row)" width="10px;" />',width:"*" }, 

//To 
{ name: 'RDD', displayName: 'RDD', cellTemplate:'<input type="text" class="datepicker" ng-change="" id="{{row.entity.PartID}}" ng-model="row.entity.RDD" ng-value="row.entity.RDD" ng-click="grid.appScope.datepicker(row)" width="10px;" />',width:"*" }, 

//and added change event in datepicker function:- 
$scope.datepicker = function(em) 
    { 
     alert('Do you want to change'); 
     var RowID = '#' + em.entity.PartID; 

     $(RowID).datepicker(
     { 
     minDate: 0, 
     dateFormat: 'mm-dd-yy', 
     onSelect: function(dateText, inst) 
     { 
      $(RowID).val(""); 
      $(RowID).val(dateText).change() ; 


     } 
     }); 


    }; 

Answer 2

Ändern Sie einfach ng-Modellvariable und erhalten Sie den Namen zu dem Zeitpunkt, wenn Sie es in DB speichern möchten.

{ name: 'RDD', displayName: 'RDD', cellTemplate:'<input type="text" class="datepicker" id="{{row.entity.PartID}}" ng-model="selectedDate" ng-value="row.entity.RDD" ng-click="grid.appScope.datepicker(row)" width="10px;" />',width:"*" }, 

selectedDate Variable immer aktualisiert Datum erhalten wird.