angularjs date-max-limit="”在720 kb/angular-datepicker中不起作用?

p4rjhz4m  于 2022-11-21  发布在  Angular
关注(0)|答案(4)|浏览(162)

我使用的是720 kb/angular-datepicker。最大日期限制不起作用。
我的控制器

$scope.currentDate = new Date().toString();

我的HTML代码

<datepicker date-format="yyyy-MM-dd">
<input type='text' class="titleInput date" id="lastmodifiedDate" name="lastmodifiedDate"
       date-max-limit="{{currentDate}}"
       ng-model="studyDetails.lastmodifiedDate" ng-blur="updateStudy('isForceSave')"/>

Github库链接here

dw1jzc5e

dw1jzc5e1#

您传递了错误的日期格式。无需转换为日期格式。只需如下定义&在date-max-limit中以这种方式传递日期“{{maxDate|日期}}"。您需要添加日期过滤器。它肯定会工作。
新的日期();

<div class="datepicker w-80 pull-right"
                    date-format="dd-MMMM-yyyy"               
                    date-max-limit="{{maxDate | date}}"
                    button-prev='<i class="fa fa-arrow-circle-left"></i>'
                    button-next='<i class="fa fa-arrow-circle-right"></i>'>                                                      
                   <input placeholder="Select DOB" readonly ng-model="users.dob" type="text"  class="searchbar3 w-100"  />
6tqwzwtp

6tqwzwtp2#

您的日期不符合您输入的日期格式,因此请尝试替换为:

$scope.currentDate = new Date().toString();

与此:

$scope.currentDate = new Date().toISOString().split('T')[0];
lkaoscv7

lkaoscv73#

您的html结构错误。请将date-max-limit="{{currentDate}}"移至<datepicker>元素。请参阅以下内容。

<datepicker date-format="yyyy-MM-dd" date-max-limit="{{currentDate}}" selector="form-control">
     <input ng-model="income.date" type="text" class="form-control"  required>
</datepicker>
8tntrjer

8tntrjer4#

当你在date-min-limit或者date-max-limit中添加date-min. limit到date-picker元素中时,它肯定会起作用。
$scope.minDate = new Date();
<datepicker date-format="MM/dd/yyyy" date-min-limit="{{minDate | date}}" class="date-picker">

相关问题