element日期范围选择获取时间

最新推荐文章于 2024-05-29 18:08:33 发布

吃不胖爹

最新推荐文章于 2024-05-29 18:08:33 发布

阅读量502

点赞数

分类专栏： js 文章标签： vue.js

原文链接：https://blog.csdn.net/LinBM123/article/details/90401405

版权

js 专栏收录该内容

54 篇文章 0 订阅

订阅专栏


<el-date-picker
      v-model="rangeDate"
      prefix-icon="el-icon-date"
      type="daterange"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
      size="small"
      value-format="yyyy-MM-dd"
></el-date-picker>

获取开始日期和结束日期

data () {
    return {
      rangeDate: [] 
  } 
watch: {
    rangeDate: function (newVal, oldVal) {
      if (newVal !== null) {
        this.tableParams.beginDate = newVal[0]
        this.tableParams.endDate = newVal[1]
      } else {
        this.tableParams.beginDate = null
        this.tableParams.endDate = null
      }
    }
  }