angularjs my97 datepicker directive demo

最新推荐文章于 2020-02-07 14:11:32 发布

wycoo

最新推荐文章于 2020-02-07 14:11:32 发布

阅读量535

点赞数

本文链接：https://blog.csdn.net/wycoo/article/details/43075171

版权

app.directive('datePicker', function () {
    return {
        restrict: 'A',
        require: 'ngModel',
        scope: {
            minDate: '@',
        },
        link: function (scope, element, attr, ngModel) {

            element.val(ngModel.$viewValue);

            function onpicking(dp) {
                var date = dp.cal.getNewDateStr();
                scope.$apply(function () {
                    ngModel.$setViewValue(date);
                });
            }

            element.bind('click', function () {
                WdatePicker({
                    onpicking: onpicking,
                    dateFmt: 'yyyy-MM-dd',
                    minDate: (scope.minDate || '%y-%M-%d'),
                })
            });
        }
    };
});