当前位置: 首页 > news >正文

element-plus 日历组件 Calendar设置每周第一天为周一-非国际化版

在 element 2.10.1+ 的版本中,有first-day-of-week属性,可选值为1 到 7,默认值为1。即日历面板每周从周一开始。

在 element-plus 中,日历组件默认从周日开始,且没有first-day-of-week属性来自由定义周起始日。在国际化小节,官网给了如下说明:

由于 Element Plus 的默认语言为英语,如果你需要设置其它的语言,请参考国际化文档。

要注意的是:日期相关的文字(月份,每一周的第一天等等)也都是通过国际化来配置的。

解:

步骤一:设置语言为 简体中文(zh-cn)- 如配置,直接看步骤二

官网提供了两种全局配置国际化的方式,选择任一即可

// 方式一:main.ts 文件
import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'app.use(ElementPlus, {locale: zhCn,
})
// 方式二:App.vue
<template><el-config-provider :locale="zhCn"><app /></el-config-provider>
</template><script setup lang="ts">
import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
</script>

步骤二:日期和时间本地化

// 在使用日历的vue页面配置
import 'dayjs/locale/zh-cn'    // 然而,并未生效,每周第一天仍是周日。

翻阅资料后,解决方案是配置dayjs,最终OK

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

The end.

相关文章:

  • 编译 FFmpeg 以支持 AV1 编解码器以及其他硬件加速选项(如 NVENC、VAAPI 等)
  • 什么是源文件?
  • provide,inject父传子
  • (二)Optional
  • 【计算机组成原理】实验一:运算器输入锁存器数据写实验
  • 如何防范关联方风险传导?风险监控4.0,新增关联方风险维度!
  • c++继承详解
  • 【数据结构】栈和队列(Stack Queue)
  • 使用Python免费将pdf转为docx
  • TypeScript 设计模式之【建造者模式】
  • C语言指针系列1——初识指针
  • 《算法岗面试宝典》正式发布
  • 生成式语言模型底层技术面试
  • 计算机网络发展
  • 极狐GitLab 17.4 重点功能解读【四】
  • 【399天】跃迁之路——程序员高效学习方法论探索系列(实验阶段156-2018.03.11)...
  • Babel配置的不完全指南
  • CoolViewPager:即刻刷新,自定义边缘效果颜色,双向自动循环,内置垂直切换效果,想要的都在这里...
  • gitlab-ci配置详解(一)
  • Java IO学习笔记一
  • JavaScript 基本功--面试宝典
  • LeetCode18.四数之和 JavaScript
  • Linux链接文件
  • Mac转Windows的拯救指南
  • mongo索引构建
  • Netty源码解析1-Buffer
  • October CMS - 快速入门 9 Images And Galleries
  • PaddlePaddle-GitHub的正确打开姿势
  • PHP那些事儿
  • Python 反序列化安全问题(二)
  • scrapy学习之路4(itemloder的使用)
  • SpiderData 2019年2月25日 DApp数据排行榜
  • TiDB 源码阅读系列文章(十)Chunk 和执行框架简介
  • 从零开始的无人驾驶 1
  • 关于Android中设置闹钟的相对比较完善的解决方案
  • 如何实现 font-size 的响应式
  • 世界编程语言排行榜2008年06月(ActionScript 挺进20强)
  • 吐槽Javascript系列二:数组中的splice和slice方法
  • 在Mac OS X上安装 Ruby运行环境
  • 自定义函数
  • ​ ​Redis(五)主从复制:主从模式介绍、配置、拓扑(一主一从结构、一主多从结构、树形主从结构)、原理(复制过程、​​​​​​​数据同步psync)、总结
  • ​【原创】基于SSM的酒店预约管理系统(酒店管理系统毕业设计)
  • ​ssh-keyscan命令--Linux命令应用大词典729个命令解读
  • # Pytorch 中可以直接调用的Loss Functions总结:
  • #Linux(make工具和makefile文件以及makefile语法)
  • #我与Java虚拟机的故事#连载06:收获颇多的经典之作
  • (ros//EnvironmentVariables)ros环境变量
  • (编译到47%失败)to be deleted
  • (附源码)ssm跨平台教学系统 毕业设计 280843
  • (回溯) LeetCode 131. 分割回文串
  • (循环依赖问题)学习spring的第九天
  • (一)eclipse Dynamic web project 工程目录以及文件路径问题
  • (一)使用IDEA创建Maven项目和Maven使用入门(配图详解)
  • (一)项目实践-利用Appdesigner制作目标跟踪仿真软件
  • (转)淘淘商城系列——使用Spring来管理Redis单机版和集群版