vue elementui 日期datetimerange

最新推荐文章于 2025-04-20 14:05:00 发布

小山羊~

最新推荐文章于 2025-04-20 14:05:00 发布

阅读量6.7k

点赞数 3

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_21747731/article/details/105242872

版权

vue 专栏收录该内容

35 篇文章

订阅专栏

1.template中：

        <el-col :xs="24" :sm="24" :md="24" :lg="10" :xl="8">
            <div class="pub_input_content">
              <span class="pub_input_title pub_input_title_data">创建时间</span>
              <el-date-picker
                v-model="searchData.create_time"
                value-format="yyyy-MM-dd HH:mm:ss"
                class="pub_input_input pub_input_data"
                type="datetimerange"
                clearable
                @change="dateChangebirthday"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              />
            </div>
          </el-col>

2.data中：

    // 搜索内容
      searchData: {
        list_type: '1',
        create_time: '', // 日期
        date: ''
      },

3.methods中：

    dateChangebirthday (val) {
      this.searchData.create_time = val
    },

    //获取数据方法中：
    if (this.searchData.create_time !== '' || this.searchData.create_time !== null) {
        const timeData = `${this.searchData.create_time[0]} - ${this.searchData.create_time[1]}`
        this.searchData.date = timeData
      } else {
        this.searchData.date = ''
      }
      const data = {
        list_type: this.searchData.list_type,
        create_time: this.searchData.date,
        page: this.page.currentPage,
        per_page: this.page.pageSize
      }