el-date-picker设置默认时间为本月

pearl海

于 2024-04-22 15:00:43 发布

阅读量393

点赞数 3

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/qq_56742871/article/details/138077031

版权

<el-form-item label="创建时间">
  <el-date-picker
    v-model="dateRange"
    size="small"
    style="width: 200px"
    value-format="yyyy-MM-dd"
    type="daterange"
    range-separator="-"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
  ></el-date-picker>
</el-form-item>

created() {
  this.setDefaultDate();
}

methods:{

setDefaultDate() {
  const start = new Date();
  const end = new Date();
  const year = start.getFullYear();
  const month = start.getMonth();

  // 本月第一天
  start.setDate(1);
  start.setHours(0, 0, 0, 0);

  // 本月最后一天
  end.setMonth(month + 1);
  end.setDate(0);
  end.setHours(23, 59, 59, 999);

  this.dateRange = [start, end];
}

}