Angularjs日期选择器在开始日期之后设置结束日期
我对约会选择者有意见。当我选择“开始日期”时,它会将“结束日期”设置为该开始日期,但当我尝试更改“结束日期”并打开“日期选择器”时,它会停留在旧日期,然后我需要移动6个月来选择“开始日期”之后的日期。选择开始日期后是否可以刷新结束日期的日期选择器Angularjs日期选择器在开始日期之后设置结束日期,angularjs,Angularjs,我对约会选择者有意见。当我选择“开始日期”时,它会将“结束日期”设置为该开始日期,但当我尝试更改“结束日期”并打开“日期选择器”时,它会停留在旧日期,然后我需要移动6个月来选择“开始日期”之后的日期。选择开始日期后是否可以刷新结束日期的日期选择器 { key: 'startDate', type: 'horizontal-datepicker', templateOptions: { label: 'Start date', placeho
{
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;
}
}
},
{
键:“开始日期”,
类型:“水平日期选择器”,
模板选项:{
标签:“开始日期”,
占位符:$filter('translate')('Start date'),
可搜索:正确
}
},
{
关键字:“endDate”,
类型:“水平日期选择器”,
模板选项:{
标签:“结束日期”,
占位符:$filter('translate')('End date'),
可搜索:正确
},
minDate:“model.startDate”,
控制器:/*@ngInject*/函数($scope){
$scope.$watch('model.startDate',函数(newValue,oldValue){
如果(!newVal)返回;
//如果新开始日期大于当前结束日期,请更新结束日期
如果($scope.model.endDate){
如果(+$scope.model.endDate<+$scope.model.startDate){
$scope.model.endDate=newVal;
}
}否则{
//只需设定结束日期
$scope.model.endDate=newVal;
}
}
},
详细示例:
如果我选择“开始日期”为2020年7月12日,它会将“结束日期”字段设置为该日期,但当我单击“字段”在“日期选择器”中打开“日期选择器”时,它停留在今天的日期,然后我必须列出2020年7月12日之前的所有手册。
当我为结束日期打开datepicker时,是否可以将其自动移动到该日期