AngularJS Datepicker设置开始日期之后的结束日期

时间:2019-11-13 11:18:39

标签: angularjs

我对日期选择器有疑问。当我选择开始日期时,它将结束日期设置为该开始日期,但是当我尝试更改结束日期并打开datepicker时,它将停留在旧日期,然后我需要移动例如6个月才能选择开始日期之后的日期。选择开始日期后是否可以刷新结束日期的日期选择器。

{
    key: 'startDate',
    type: 'horizontal-datepicker',
    templateOptions: {
        label: 'Start date',
        placeholder: $filter('translate')('Start date'),
        searchable: true
    }
},
{
    key: 'endDate',
    type: 'horizontal-datepicker',
    templateOptions: {
        label: 'End date',
        placeholder: $filter('translate')('End date'),
        searchable: true
    },
    minDate: 'model.startDate',
    controller: /* @ngInject */ function ($scope) {
        $scope.$watch('model.startDate', function (newValue, oldValue) {
            if(!newVal) return;

        // if the new start date is bigger than the current end date .. update the end date
        if($scope.model.endDate){
          if( +$scope.model.endDate < +$scope.model.startDate ){
            $scope.model.endDate = newVal;
          }
        } else {
          // just set the end date
          $scope.model.endDate = newVal;
        }
    }
},

详细示例: 如果我将开始日期选择为2020年7月12日,则将结束日期字段设置为该日期,但是当我单击该字段以在日期选择器中打开datepicker时,它将停留在今天的日期,然后我必须列出日期为7月12日的所有手册。 .2020。 当我打开日期选择器作为结束日期时,是否可以将其自动移动到该日期?

0 个答案:

没有答案
相关问题