Element中DatePicker日期选择器跨度只能选一年如何实现?
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·
只需要给标签加上pickerOptions,当前时间日期选择器特有的选项参考下表
<el-date-picker
v-model="FormData.time"
value-format="yyyy:MM:DD"
:picker-options="pickeroptions"
type-"daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
</el-date-picker>
// 方法一:时间跨度为之前一年
pickerOptions:{
disabledDate: () => false,
onPick: ({ maxDate, minDate }) => {
if (minDate && !maxDate) {
const oneYear = 365 * 24 * 60 * 60 * 1000;
this.pickerOptions.disabledDate = time => {
return time.getTime() < minDate.getTime() || time.getTime() > minDate.getTime() + oneYear;
};
} else {
this.pickerOptions.disabledDate = () => false;
}
},
},
//方法二:
pickDate:"",
pickerOptions:{
onPick: this.getPickDate,
disabledDate:this.disabledDate
}
methods:{
getPickDate(pick){
this.pickDate = pick
},
disabledDate(date){
const {minDate,maxDatel}= this.pickDate,
if(minDate && !maxDate){
const diff = Math.abs(minDate.valueof()- date.valueof())
if(diff >1000*3600*24*365){
return true;
}
}
}
}
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)