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 = "";
      }
    },
相关推荐
旷世奇才李先生几秒前
Next.js 安装使用教程
开发语言·javascript·ecmascript
ᥬ 小月亮6 分钟前
webpack基础
前端·webpack
YongGit25 分钟前
探索 AI + MCP 渲染前端 UI
前端·后端·node.js
慧一居士1 小时前
<script setup>中的setup作用以及和不带的区别对比
前端
RainbowSea1 小时前
NVM 切换 Node 版本工具的超详细安装说明
java·前端
读书点滴2 小时前
笨方法学python -练习14
java·前端·python
Mintopia2 小时前
四叉树:二维空间的 “智能分区管理员”
前端·javascript·计算机图形学
慌糖2 小时前
RabbitMQ:消息队列的轻量级王者
开发语言·javascript·ecmascript
Mintopia2 小时前
Three.js 深度冲突:当像素在 Z 轴上玩起 "挤地铁" 游戏
前端·javascript·three.js
Penk是个码农2 小时前
web前端面试-- MVC、MVP、MVVM 架构模式对比
前端·面试·mvc