默认日期设置不起作用Angularjs指令

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了默认日期设置不起作用Angularjs指令相关的知识,希望对你有一定的参考价值。

我想在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元素中设置一些默认日期。

答案

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

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

以上是关于默认日期设置不起作用Angularjs指令的主要内容,如果未能解决你的问题,请参考以下文章

AngularJS、SweetAlert.js 在自定义指令中不起作用

日期选择器对话框在片段中不起作用[关闭]

AngularJS:当 $rootScope 值更改时,指令内的 $watch 不起作用

AngularJS指令-使用指令时ng-click不起作用

在动态创建的表单后 ajax 调用中将默认值设置为日期选择器

为啥这个宽度监视 AngularJS 指令在切换 Bootstrap 选项卡时不起作用?