本文主要是介绍Element el-date-picker year范围,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1. ElementUI中 默认有日期范围 配置项
<el-date-pickerv-model="value1"type="daterange"range-separator="至"start-placeholder="开始日期"end-placeholder="结束日期">
</el-date-picker>
2. ElementUI中 没有年度范围 配置项,通过:picker-options
来配置
年度:time.getFullYear()
时间:time.getTime()
<el-form-item label="审计年度"><el-date-pickerv-model="queryParams.auditYearStartTime"format="yyyy"value-format="yyyy"type="year"placeholder="开始"clearable:picker-options="pickerStartAuditYear"></el-date-picker>至<el-date-pickerv-model="queryParams.auditYearEndTime"format="yyyy"value-format="yyyy"type="year"placeholder="结束"clearable:picker-options="pickerEndAuditYear"></el-date-picker></el-form-item>
data() {return {queryParams: {auditYearStartTime: '',auditYearEndTime: '',},// 审计年度 year日期选择器 开始年度和结束年度 添加限制pickerStartAuditYear: {disabledDate: time => {if (this.queryParams.auditYearEndTime) {return time.getFullYear() > this.queryParams.auditYearEndTime}}},pickerEndAuditYear: {disabledDate: time => {return time.getFullYear() < this.queryParams.auditYearStartTime}},}
}
这篇关于Element el-date-picker year范围的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!