Angular get date von datetimepicker

Question

Ich versuche, das Datum von einem Bootstrap datetimepicker zu bekommen, aber wenn ich ein ng-Modell auf das Eingabefeld setzen, funktioniert es nicht?

html

<!-- EndDate --> 
<div class="form-group"> 
    <label for="dtp_enddate">Eind datum:</label> 
    <div class="input-group date" id="dtp_endDate"> 
     <input type="text" class="form-control" name="EndDate" ng-model="employeeCtrl.employee.EndDate" required="required" /> 
      <span class="input-group-addon"> 
       <span class="glyphicon glyphicon-calendar"></span> 
      </span> 
    </div> 
</div> 

jquery

$(function() { 
     $('#dtp_endDate').datetimepicker({ 
      useCurrent: true, 
      collapse: true, 
      format: 'YYYY-MM-D', 
      locale: 'nl', 
      allowInputToggle: true 
     }); 
    }); 

Wie kann ich das erreichen?

Answer 1

Wenn Sie Datum-Timepicker in einem einzigen Bauteil benötigen, können Sie verwenden http://dalelotts.github.io/angular-bootstrap-datetimepicker/ oder können Sie 2-Komponenten verwenden (picker und Timepicker) von Angular Bootstrap

Answer 2

zum Beispiel

<input type="text" datepicker-popup="dd-MMMM-yyyy" ng-model="dt" /> 
in this example date is binding to dt (ng-model="dt") 

Sie können Daten erhalten von $ scope.dt wenn Sie das Datum ändern sehen möchten, können Sie

$scope.$watch('dt',function(val){ 
    //to do  
    console.log(val) 
}) 

Answer 3

tun Es ist nicht die beste Praxis zu verbinden AngularJS mit jQue ry Plugins. Es gibt eine Vielzahl von Plugins, die in angleJS-Direktiven konvertiert sind, die Sie verwenden könnten. Zum Beispiel https://github.com/dalelotts/angular-bootstrap-datetimepicker

Answer 4

Fügen id = "dtp_endDate" innerhalb input-Tag

<input type="text" id="dtp_endDate" class="form-control" name="EndDate" ng-model="employeeCtrl.employee.EndDate" required="required" />