默认日期设置不起作用Angular js Dirctives

时间:2017-12-23 06:16:46

标签: javascript angularjs angularjs-directive datetimepicker

我想在HTML元素中的特定ID中设置一些默认日期, 现在我在angular js指令中使用datetimepicker,我必须从datetimepicker获取日期,但无法在我的id中设置默认日期。

timeTracker.directive('datetimepicker', function($parse) {
    var date = new Date();
    var newdate = date.setDate(date.getDate() - 1);
    return {
        restrict: 'A',
        require: 'ngModel',
        link: function(scope, element, attrs, ngModelCtrl) {
            element.datetimepicker({
                format: "DD-MM-YYYY",
                defaultDate: new Date(newdate),
                maxDate:new Date(),
            }).on('dp.change', function(e) {
                var Reportdate = $parse(attrs.ngModel);
                Reportdate.assign(scope, e.target.value);
                scope.ReportModel.Reportdate = e.target.value;
                scope.$apply()
            })
        }
    };

});

我想在HTML元素中设置一些默认日期。

1 个答案:

答案 0 :(得分:0)

我创建了daterangepicker指令,请参阅下面的链接

https://jsfiddle.net/Nathash/0zcuxm02/5/
  • 处理日期时间选择器(使用的插件为http://eonasdan.github.io/bootstrap-datetimepicker/
  • 接受选项输入
  • 在选择日期/时间后调用回调函数