Momentan arbeite ich an einem Datepicker für angularjs, die wie erwartet funktioniert. Aber wenn ich versuche, den Wert zum zweiten Mal vom Datepicker zu wählen, wird der Wert nicht geändert. Im Folgenden ist der Code-Snippet so weit ich versucht habe: -angularjs bootstrap datepicker Wert wird nicht geändert, wenn das zweite Mal ausgewählt wird
HTML
<div id="dvFromDate" class='input-group date' datetimepicker ng-model="FromDate">
<input type="text" ng-model="FromDate" class="form-control" @*tooltips tooltip-template="dd/mm/yyyy"*@ required>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
<script type="text/javascript">
$(function() {
$('#dvFromDate').datetimepicker({
format: 'DD/MM/YYYY'
});
});
</script>
AngularJS
app.directive('datetimepicker', function() {
return {
require: '?ngModel',
restrict: 'A',
link: function (scope, element, attrs, ngModel) {
if (!ngModel) return; // do nothing if no ng-model
ngModel.$render = function() {
element.find('input').val(ngModel.$viewValue || '');
}
element.on('dp.change', function() {
scope.$apply(read);
});
read();
function read() {
var value = element.find('input').val();
ngModel.$setViewValue(value);
}
}
}
});
ich auch die picker Wert setze zu leeren Zeichenfolge auf einer selectionchanged Ereignis von wählen Dropdown wie folgt aus: -
$scope.FromDate = '';
$scope.ToDate = '';
Nach dem Drop-Down-Wert leeren String Einstellung, wenn ich einen beliebigen Wert von Datumsauswahl wählen, Wert wird immer null. Jede Art von Hilfe wäre willkommen.
können Sie eine Geige erstellen? – Sravan
bitte fiddle erstellen –
Bitte beachten Sie die Geige: - [Eckige BoostRap Datepicker] (https://plnkr.co/edit/o3UvmjFKqUhZWihh1f84?p=preview) –