默认日期设置不起作用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 不起作用