ng-model arbeitet nicht mit jquery plugin

Question

Ich erstelle eine Anwendung in Mean Stack und ich benutze jquery plugin für die Auswahl der Zeit (TimePicki). Wenn ich den Text im Textfeld eintippe, nehme ich es als Eingabe, aber wenn ich die Zeit mit einem Plugin auswähle, funktioniert ng-model nicht in diesem Textfeld und gibt undefined zurück. Unten ist der Code.

Express API

router.post('/tariff', function(req, res) { 
var tariff = new Tariff(); 
tariff.CabType = req.body.CabType, 
    tariff.NormalRate = req.body.NormalRate, 
    tariff.PeakRate = req.body.PeakRate, 
    tariff.StartPeakHour = req.body.StartPeakHour, 
    tariff.EndPeakHour = req.body.EndPeakHour, 
    tariff.Status = req.body.Status 
tariff.save(function(err) { 
    if (err) { 
     console.log('Error in Saving user: ' + err); 
     throw err; 
    } else { 
     console.log('Tariff Saved'); 
    } 
}); 

});

HTML-Code

<input id="starttimepicker" class="form-control" ng-model="Tariff.StartPeakHour" placeholder="Starting Peak Hour" /> 
 
<input id="endtimepicker" class="form-control" ng-model="Tariff.EndPeakHour" placeholder="Ending Peak Hour" />

-Controller-Code

$('#starttimepicker').timepicki(); 
 
$('#endtimepicker').timepicki();

Answer 1

Sie werden wahrscheinlich eine Richtlinie zu verwenden, haben die va passieren lue von jquery zu eckig.

Siehe jQuery ui datepicker with Angularjs