Bunu daha önce yaptığım şekilde, datepicker jQuery öğelerini açısal bir yönergelere sarmak gerekir. Bu kaba ama burada fikir:
app.directive('dateDirective', function() {
return {
restrict: 'A',
scope: {
onChange: '&'
},
link: function(scope, element, attrs) {
element.datetimepicker({
format: "MM-yyyy"
//all your options here
}).on('changeDate', function(e) {
scope.$apply(function(scope) {
scope.onChange(e.date);
});
});
}
};
});
jQuery öğeden değişim olayını yakalamak ve denetleyici bir işlevi çağırmak için kullanabilirsiniz, ya da sadece kapsam değerlerini ya da her neyse ayarlamak için kullanabilirsiniz:
var app = angular.module('myApp', []);
app.controller('myAppCtrl', function($scope) {
$scope.current = '';
$scope.changedate = function(date){
$scope.current = date;
};
});
Sonra sadece dom elemana direktifini eklemeniz gerekir:
01:
<input date-directive
type="text"
starting-day="2"
show-button-bar="false"
show-weeks="false"
class="form-control addTicketDateInput"
datepicker-popup="dd MMM"
ng-model="startdate"
is-open="openstart"
datepicker-options="dateOptions"
ng-required="true"
close-text="Close" />
Sonra hangi kapsam fonksiyonu çağırmak için bunu söylemek
<input date-directive onChange='changedate(date)'
type="text"
starting-day="2"
show-button-bar="false"
show-weeks="false"
class="form-control addTicketDateInput"
datepicker-popup="dd MMM"
ng-model="startdate"
is-open="openstart"
datepicker-options="dateOptions"
ng-required="true"
close-text="Close" />
Bunun çok sert olduğunu söylediğim gibi. Bu yardımcı olmazsa test edilen bir örnek kazarım.
Bu yardımcı olur umarım!
da, halpful olabilir burada bir datepicker direktifi var:
https://angular-ui.github.io/bootstrap/
Çalışması gerektiğini düşünüyorum, http://plnkr.co/edit/QbtoD2ND46ceoDOXes9x?p=preview, ilk datepicker'ı tıklatıp konsol çıktısını denetle – ABOS