首页 前端知识 vue 日期选择器 (DateTimePicker 日期时间选择器)

vue 日期选择器 (DateTimePicker 日期时间选择器)

2024-10-29 11:10:44 前端知识 前端哥 317 515 我要收藏

单选

        

<el-date-picker
                v-model="value1"
                type="date"
                placeholder="选择日期"
                value-format="yyyy.MM.dd"
                @input="changeTime"
              >
              </el-date-picker>
// 日期选择
    changeTime(e) {
      console.log(e.replace(/\./g, "-"));
    },

 多选

 <el-date-picker
                    v-model="value2"
                    type="daterange"
                    range-separator="至"
                    :start-placeholder="Begin"
                    :end-placeholder="Endtime"
                    value-format="yyyy.MM.dd"
                    @input="changeTime"
                    @change="pickerChangeFn"
                  >
                  </el-date-picker>
// 日期选择
    changeTime(e) {
      console.log(e);
      const arrdata = e[0].replace(/\./g, "-");
      const arrTime = e[1].replace(/\./g, "-");
      this.ArraignedTime = arrdata + "至" + arrTime;
      // console.log(arrdata, arrTime, "提审");
    
    },
    pickerChangeFn(e) {
      // console.log(e, "0000000000000000000");
      if (e == null) {
        this.ArraignedTime = "";
      }
    },

转载请注明出处或者链接地址:https://www.qianduange.cn//article/19478.html
标签
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!