weixin_47353884的博客

change_start_value和change_end_value是选择器change方法 但是需要默认调用。所以我需要在change_start_value的时候 就调用 change_end_value。同理 当我们先选择结束日期的时候 也没有触发 change_start_value。change_end_value内部会判断 如果有开始日期 就触发我们的禁用规则。选择开始时间 触发 change_start_value 之后。开始日期发生了改变 触发change_end_value函数。

<el-date-picker v-model="valueTime" type="monthrange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM" @change="pickerFn" unlink-panels :picker-options="pic.

关于时间筛选器的css

禁用当月时间选择

dayjs的cdn引入<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>dayjs(new Date(parseInt(时间戳) * 1000)).format('YYYY-MM-DD HH:mm:ss')

<el-date-picker value-format="yyyy-MM-dd" v-model="fault_date" type="date" placeholder="选择日期" :picker-options="pickerOptions" ></el-date-picker>v-model的默认值 设置为new Date() 即可data(){ return{.

// 今天昨天明天时间处理 v==3为昨天。v==6为今天。v==9为明天 dealTime(v) { let b = 24 * 60 * 60 * 1000; //一天的时间 let day = new Date(); //当天的时间 v == 3 ? day.setTime(day.getTime() - b) : v == 6 ? day.setTime(day.getTime()) ...

<el-date-picker value-format="yyyy-MM-dd" v-model="fault_date" type="date" placeholder="选择日期" :picker-options="pickerOptions" ></el-date-picker>data () { return { clientBirthday: '' .

使用element UI中的日期选择器的value-format属性获取开始结束时间 <el-date-picker v-model="valueTime" type="daterange" range-separator="——" value-format="yyyy-MM-dd" start-placeholder="开始日期" end-placeholder="结束日期" style="margin:20px