我正在使用Keith Wood Jquery.datepicker.min.js v5.0.1和AngularJS指令。 我必须根据“今天/上一个/下一个”按钮点击更改日期值的CSS。 所以,我想触发指令中的点击功能。我尝试绑定上面的按钮类如下:
我的代码:
<input tabindex="8" class="date" max-date="{{c.enddate}}" required type="text" id="begindate" name="begindate" date-picker ng-model="c.begindate" />
<label for="begindate">Begin Date</label>
指令代码:
restrict: 'A',
link: function ($scope, element, attrs, controller) {
var dpToday = angular.element( document.querySelector( '.datepick-cmd-today' ) );
dpToday.bind("click", function () {
console.log ("dpToday clicked: ");
});
var updateModel = function () {
var dt = element.val();
if(controller){
controller.$setViewValue(dt);
}
if (!$scope.$$phase) {
$scope.$apply();
}
}
if (controller != null) {
controller.$render = function () {
element.val(controller.$viewValue);
return controller.$viewValue;
};
}
attrs.$observe('minDate', function (value) {
element.datepick('option', 'minDate', value);
});
attrs.$observe('maxDate', function (value) {
element.datepick('option', 'maxDate', value);
});
请帮忙。提前谢谢。