element-plus的周选择器 一周从周一开始

这篇具有很好参考价值的文章主要介绍了element-plus的周选择器 一周从周一开始。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、代码

1)、template中

<el-date-picker v-model="value1" type="week" format="[Week] ww" placeholder="巡访周" @change="change"
                value-format="YYYY-MM-DD" />

2)、方法中 

import { dayjs } from 'element-plus'
dayjs.en.weekStart = 1;

2、细节

 (1)value-format="YYYY-MM-DD" 

         这样写change事件中得到的值就是2020-12-10 

        想要年月日时分秒 就写成【value-format="YYYY-MM-DD hh:mm:ss"】文章来源地址https://www.toymoban.com/news/detail-684210.html

到了这里,关于element-plus的周选择器 一周从周一开始的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Element-Plus select选择器-下拉组件错位bug(有高度滚动时)

    由于项目不便展示,因此在官网复现bug https://element-plus.org/zh-CN/component/select.html#基础用法 源码调试时发现下拉菜单是直接放在body 元素里,这时候希望它不要直接放在body里, 查阅文档看到这两个属性: 但是添加了上面的属性后,出现了新的问题,要么是不生效,要么是下拉

    2024年02月12日
    浏览(23)
  • element-plus里el-date-picker日期选择器,默认值不显示的问题

    官网文档给出的示例默认值也是没有没显示的。 找了很多方法,最终是给v-model=\\\"defaultTime\\\"绑定初始值,如下代码,需要的可以改一下 希望可以帮助到大家。 最终效果如下

    2024年02月02日
    浏览(40)
  • element-plus表单校验

    el-form标签上定义rules属性进行双向绑定  :rules=\\\"loginRules\\\"  ,loginRules这个校验规则定义在data数据里,(1)要注意的是loginRules里面定义username和password需要与表单数据绑定的参数同名。(2)username: [{ required: true, message: \\\'账号不能为空哦\\\', trigger: \\\'blur\\\' }] , 其中required校验必填不

    2024年02月11日
    浏览(22)
  • element-plus图片预览

    背景: 项目中需要对图片进行放大预览操作; 解决方案: ① 使用 el-image 自带的预览功能; ②使用 el-image-preview 组件进行预览; 官方文档:Image 图片 | Element Plus 1. 官方示例: 2. 应用到项目中(完整代码): 3. 大致效果图: 1. el-image-preview 组件使用: 2. 使用示例: 3. 效果

    2024年02月15日
    浏览(36)
  • 本地部署element-plus文档

    由于一直使用的前端组件element-plus,所以需要经常看文档,但无奈官网实在不给力,经常报503或者404,大大影响效率和心情,忍无可忍就本地化部署一套解决此问题。 百度了一下大多数都是使用 vscode的live server, 或者放到服务器上, 均可使用。 因为我自己测试需要访问很多文

    2023年04月09日
    浏览(27)
  • Element-Plus 学习笔记一

    这几天在学vue3, 用Element-plus 加 vue3 搭了个框架,在这里记录一下项目搭建中遇到的问题。   1、使用 Element-plus 的 icon 图标,显示不出来     首先,用命令行中安装  Element-plus 的图标: npm install @element-plus/icons-vue --save    然后,在 main.js 中进行全局注册,添加以下代码: 最

    2024年02月13日
    浏览(23)
  • element-plus 动态Icon图标

    目录 1,前言 2,使用 2.1,方式一 2.2,方式二 源自 Element Plus 团队正在将原有组件内的 Font Icon 向 SVG Icon 迁移,请多多留意更新日志, 及时获取到更新信息,Font Icon 将会在第一个正式发布被废弃,请尽快迁移 在此记录一下如何使用element-plus中的icon组件 环境: Vue:3.2.16 Elem

    2024年02月16日
    浏览(29)
  • Element-plus侧边栏踩坑

    el-menu直接嵌套el-menu-item菜单,折叠时不会出现文字显示和小箭头无法隐藏的问题,但是实际开发需求中难免需要把el-menu-item封装为组件 vue3项目中嵌套两层template

    2024年02月14日
    浏览(61)
  • 使用Element-Plus 加载style

    chrome扩展开发插件基于vue3、ts、Element Plus、Webpack5、axios、less开发 支持content快速调用chrome对象及axios 详看 pages/content/app.vue 开箱即用chrome插件 基础框架 :使用 Vue3/Element Plus TypeScript : 应用程序级 JavaScript 的语言 获取项目代码 安装依赖 运行 使用Element-Plus 加载style https://deve

    2024年01月22日
    浏览(29)
  • element-plus 表格-自定义样式实现

    效果如下 代码如下

    2024年02月09日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包