element-ui之DateTimePicker 日期时间选择器

最新推荐文章于 2024-07-01 15:44:31 发布

小新_020

最新推荐文章于 2024-07-01 15:44:31 发布

阅读量3k

点赞数 2

分类专栏：笔记文章标签： elementui

本文链接：https://blog.csdn.net/demo_020/article/details/112724464

版权

本文介绍了如何使用Element UI的DateTimePicker组件实现特定的交互功能。内容包括：设置起始日期为当前系统日期之前不可选，结束日期必须大于起始时间，以及限制某些时段不可选择。通过在data()中编写逻辑代码，成功实现了这些限制，并展示了实现效果。

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

遇到一个需求，需要两个日期时间选择器，之间进行交互。
起始日期：当前系统日期之前的日期不能选择。
结束日期：大于起始时间，且结束之前的日期可选。
限制某一时段无法选择

引入DateTimePicker 日期时间选择器

 <el-date-picker
      v-model="start_time"
      type="datetime"
      placeholder="选择起始日期"
      :picker-options="start_Date"
      format="yyyy-MM-dd HH:mm"  
      value-format="yyyy-MM-dd HH:mm"//精确到分
      @change="dateChangebirthday1()"
      >
 </el-date-picker>
 <el-date-picker
      v-model="end_time"<

最低0.47元/天解锁文章

小新_020

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
element-ui之DateTimePicker 日期时间选择器

遇到一个需求，需要两个日期时间选择器，之间进行交互。起始日期：当前系统日期之前的日期不能选择。结束日期：大于起始时间，且结束之前的日期可选。限制某一时段无法选择引入DateTimePicker 日期时间选择器 <el-date-picker v-model="start_time" type="datetime" placeholder="选择起始日期" :picker-options="start_Date" format="yy
复制链接

扫一扫