侧边栏壁纸
  • 累计撰写 1,975 篇文章
  • 累计创建 73 个标签
  • 累计收到 20 条评论

目 录CONTENT

文章目录

如何设置el-date-picker的默认日期为当天

猿哥
2022-12-20 / 0 评论 / 0 点赞 / 261 阅读 / 219 字
" "

日期选择框设置:

  <el-form-item label="">
        <el-date-picker
          v-model="daterangeCreateTime"
          style="width: 350px"
          value-format="yyyy-MM-dd HH:mm:ss"
          type="datetimerange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="['00:00:00', '23:59:59']"
        />
      </el-form-item>

data中初始化数据:

data() {
    return {
// 创建时间时间范围
      daterangeCreateTime: []
}

create周期时候设置初始化:

  created() {
    // 初始化查询,默认为前一天
    this.daterangeCreateTime = this.timeDefault;

     this.getList(); //获取列表
}

computer周期中增加:

computed: {
    timeDefault() {
      var date = new Date();
      var s1 = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + (date.getDate()) + " 00:00:00";
      var s2 = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + (date.getDate()) + " 23:59:59";
      return [s1, s2];
    }
  },

为了防止没有赋值上初始值,this.getList中完善:


   getList() {
      this.loading = true;

      if (null === this.daterangeCreateTime && '' === this.daterangeCreateTime) {
        this.daterangeCreateTime = this.timeDefault;
      }


      if (null != this.daterangeCreateTime && '' != this.daterangeCreateTime) {
        this.queryParams["beginCreateTime"] = this.daterangeCreateTime[0];
        this.queryParams["endCreateTime"] = this.daterangeCreateTime[1];
      }

      listList(this.queryParams).then(response => {
        xxxxxxx
      });

0
博主关闭了所有页面的评论