侧边栏壁纸
博主头像
波哥

80后程序猿&副业达人
爱好:敲代码、搞副业
无干货,不分享!

  • 累计撰写 1,853 篇文章
  • 累计创建 77 个标签
  • 累计收到 16 条评论

目 录CONTENT

文章目录

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

波哥
2022-12-20 / 0 评论 / 0 点赞 / 52 阅读 / 219 字

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

" "

日期选择框设置:

  <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

评论区