不设置最大日期角度js,javascript,html,angularjs,datepicker"/>

首页 > 解决方案 > 不设置最大日期角度js

问题描述

我有以下 HTML 代码

<input class="col-5" type="date"
                   max="{{ vm.maxDate | date: 'yyyy-MM-dd' }}"
                   min="{{ vm.minDate | date: 'yyyy-MM-dd' }}"
                   ng-model="vm.endBy">

以下是控制器中的 Angular js 代码

vm.minDate = new Date(moment.utc().format(dateFormat));
vm.maxDate = new Date(moment.utc().format(dateFormat));
vm.endBy = new Date(moment.utc().format(dateFormat));

vm.maxDate.setDate(vm.minDate.getDate()+ 185);
vm.endBy.setDate(vm.minDate.getDate() + 185);

现在我的日历显示直到 maxDate 日期选择为 maxdate 但是当我提交表单时它显示为未定义。我也尝试在 HTML 中打印 endBy,但它没有显示 maxDate。但是,对于早于 maxDate 的所有其他日期,它工作正常。

我不知道这有什么问题。有谁知道它为什么会这样?最大验证是否不检查是否相等,为什么在我提交时在输入框中设置了 endBy 日期它说未定义?

标签: javascripthtmlangularjsdatepicker

解决方案


当您这样做时,您正在创建一个无效的日期

new Date(moment.utc().format( 'yyyy-MM-dd'));

尝试

vm.minDate = new Date();
vm.maxDate = new Date();
vm.endBy = new Date();

推荐阅读