Skip to content

📅 日期

标准日期展示组件,支持自定义格式、字体和多语言

日期组件以简洁的文字形式展示当前日期,适合用作新标签页的时间信息补充。

🔧 基本功能

  • 支持多种日期格式自定义(如 2026年4月18日April 18, 2026 等)
  • 日期语言跟随系统语言设置,中文环境下显示中文日期格式
  • 实时更新

📋 日期格式自定义

通过设置面板可自定义日期展示格式,以下为常见格式示例:

格式效果适用场景
2026年4月18日中文日常使用
2026-04-18ISO 标准格式
April 18, 2026英文环境
Saturday, April 18, 2026含星期的完整展示
2026/04/18简洁数字格式
4月18日 星期六中文轻量格式

组件的日期格式遵循浏览器 Intl.DateTimeFormat 标准,支持配置:

配置项可选值说明
年份显示 / 隐藏控制是否展示年份
月份数字(4) / 短名称(Apr) / 全称(April)月份展示形式
日期数字(18) / 带前导零(18)日期数字格式
星期显示 / 隐藏是否展示星期几
星期格式短(周六) / 全称(星期六)星期展示长度

🖼️ 展示效果示意

┌─────────────────────────────────┐
│                                 │
│    2026年4月18日 星期六          │  ← 自定义格式日期文本
│                                 │
│    字体 / 颜色 / 大小 / 阴影     │  ← 均可自定义
│                                 │
└─────────────────────────────────┘

🎨 自定义

  • 可自定义字体、颜色、大小
  • 可调整字间距
  • 支持多层文字阴影效果(近距硬影 + 中距扩散 + 远距光晕)
  • 浅色/深色主题独立配置
  • 与其他组件一样可自由拖放布局