elementUI el-date-picker 点击清空时时间重置为当前时间

最新推荐文章于 2024-08-20 14:14:38 发布

AllTimeLow丶

最新推荐文章于 2024-08-20 14:14:38 发布

阅读量1.1k

点赞数 9

文章标签： elementui vue.js 前端

本文链接：https://blog.csdn.net/qq_36098242/article/details/135201064

版权

添加监听，值为null时，赋值为当前时间

 <el-form-item label="采购月份" prop="month">
        <el-date-picker v-model="queryParams.month" type="month" :style="{width: '100%'}"
                        format="yyyy-MM" value-format="yyyy-MM" placeholder="选择预计采购月份"/>
      </el-form-item>

 data() {
    return {
      queryParams: {
      	month: null,
      }
    }
 },
 watch: {
    "queryParams.month"(newVal) {
      if (newVal == null) {
        this.queryParams.month = (new Date(val).getFullYear() + '-' + (new Date(val).getMonth();
      }
    },
  },
 created() {
    this.queryParams.month = (new Date(val).getFullYear() + '-' + (new Date(val).getMonth();
 },