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

单选

<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 = "";
      }
    },
相关推荐
Jason-河山2 小时前
「铭记历史 珍爱和平」勿忘9.18!
前端
国王不在家2 小时前
keyof和infer
前端
猿大撒2 小时前
Spring-data-redis
前端·bootstrap·html
帅过二硕ฅ3 小时前
uniapp点击跳转到对应位置
前端·javascript·uni-app
正小安5 小时前
URL.createObjectURL 与 FileReader:Web 文件处理两大法宝的对比
前端·javascript
赵广陆6 小时前
SprinBoot+Vue宠物寄养系统的设计与实现
前端·vue.js·宠物
A黄俊辉A6 小时前
vue3中把封装svg图标为全局组件
前端·javascript·vue.js
老贾爱编程6 小时前
VUE实现刻度尺进度条
前端·javascript·vue.js
F2E_Zhangmo6 小时前
vue如何做到计算属性传参?
前端·javascript·vue.js
繁依Fanyi7 小时前
828华为云征文|华为Flexus云服务器搭建OnlyOffice私有化在线办公套件
服务器·开发语言·前端·python·算法·华为·华为云