element时间选择范围选择，范围禁用，实现默认当月，会员开通时间默认当月，上方查询月份更改，下边开通时间就自动默认到更改后的月份查询。

最新推荐文章于 2023-01-09 14:02:21 发布

鑫诚则灵besos

最新推荐文章于 2023-01-09 14:02:21 发布

阅读量548

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/hxiaolizhi/article/details/121349948

版权

博客介绍了如何使用Element UI在Vue.js应用中实现时间选择范围功能，包括范围禁用、默认选择当前月份以及查询月份更改时自动同步下边的开通时间。内容涉及监听、接口函数和时间戳转换，旨在确保查询的月份始终与选定的开通月份一致。

摘要由CSDN通过智能技术生成

element时间选择范围选择，范围禁用，实现默认当月，会员开通时间默认当月，上方查询月份更改，下边开通时间就自动默认到更改后的月份查询。 在这里插入图片描述
然后可以根据上边查询月份来自动跟踪到当前月，让当前月可选，上图效果：

结构代码：

 <el-form-item label="查询月份" prop="queryTime" v-if="this.radio==='0'">
		  <el-date-picker 
		    v-model="temp.queryTime"
		    type="month"
		  format="yyyy 年 MM 月"
		    value-format="yyyy-MM"
		    placeholder="选择月"
		    :picker-options="pickerOptions">
		  </el-date-picker>
 </el-form-item>
 <el-form-item label="会员开通时间" prop="selectDate">
       <el-date-picker

最低0.47元/天解锁文章

鑫诚则灵besos

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
element时间选择范围选择，范围禁用，实现默认当月，会员开通时间默认当月，上方查询月份更改，下边开通时间就自动默认到更改后的月份查询。

element时间选择范围选择，实现这样的样子，然后可以根据上边查询月份来自动跟踪到当前月，让当前月可选，上图效果：结构代码： <el-form-item label="查询月份" prop="queryTime" v-if="this.radio==='0'"> <el-date-picker v-model="temp.queryTime" type="month" format="yyyy 年 MM 月" value-fo
复制链接

扫一扫