首页 前端知识 Vue3 - Element Plus 日期选择器 el-date-picker 设置默认值功能,使用 default-value 对选择器的默认日期进行设置(解决设置默认值后不起作用、无效怎么办)

Vue3 - Element Plus 日期选择器 el-date-picker 设置默认值功能,使用 default-value 对选择器的默认日期进行设置(解决设置默认值后不起作用、无效怎么办)

2024-03-08 10:03:09 前端知识 前端哥 1016 414 我要收藏

前言

官网上设置 default-value 默认值的示例不起作用,本文提供详细的解决方案。

本文 实现了在 vue3 element plus 项目开发中,解决 el-date-picker 设置默认值不生效的问题,使用 default-value 属性设置 new Date() 没有任何反应。

本文提供完美解决方案,保证 100% 快速搞定。


如下图所示,设置默认值后打开选择器就会自动蓝色高亮选中,并且不影响后续选择。

详细示例代码,无论 js/ts 都能使用!

在这里插入图片描述

示例代码

通用解决方案,适用于日期选择器的任何 type 类型、数据格式、日期格式。

随便找个页面,一键复制运行起来查看效果。

<template>
    <div
转载请注明出处或者链接地址:https://www.qianduange.cn//article/3451.html
评论
发布的文章

JQuery对象操作

2024-04-01 10:04:46

jQuery 事件

2024-04-01 10:04:28

jQuery实现二级菜单

2024-04-01 10:04:16

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!