触发Keith Wood的jquery datepicker的“Today / Prev / Next”按钮单击angular指令

时间:2016-03-17 18:12:05

标签: jquery angularjs jquery-plugins datepicker

我正在使用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);
    });

请帮忙。提前谢谢。

0 个答案:

没有答案