spz-date 格式日期

支持布局: container

何时使用

当用户需要输入一个日期,可以指定日期的输出形式。

代码演示

基本

最基本的用法,使用默认的格式来展示日期。

<spz-date layout="container" datetime="2021/6/6 18:09:12"></spz-date>

自定义格式

使用占位符来自定义想要的日期格式。

<spz-date layout="container" datetime="2023/5/12 15:36:11" format="DD MMM, YYYY HH:mm:ss"></spz-date>

属性

属性名说明类型默认值是否必需
datetime指定需要格式的日期dateType|number-
format展示的日期格式formatTypeYYYY-MM-DD HH:mm:ss

dateType

支持的日期格式
YYYY/MM/DD
YYYY/MM/DD HH:mm
YYYY/MM/DD HH:mm:ss

formatType

支持的格式化占位符列表

占位符描述输出
YY两位数的年份23
YYYY四位数的年份2023
M月份,从1开始1-12
MM月份,两位数01-12
MMM缩写的月份名称Jan-Dec
D月份里的一天1-31
DD月份里的一天,两位数01-31
ddd缩写的星期名称Mon-Sun
H小时0-23
HH小时,两位数00-23
h小时,12小时制1-12
hh小时,12小时制,两位数01-12
m分钟0-59
mm分钟,两位数00-59
s0-59
mm秒,两位数00-59
a上午或下午,小写am | pm
A上午或下午,大写AM | PM

AI 摘要(LLM Ready)

  • 组件标识spz-date
  • 用途一句话:格式给定的日期。
  • 可识别属性条目:23
  • 可识别方法小节:0
  • 可识别事件小节:0
  • 关键属性名(Top)datetimeformatYYYY/MM/DDYYYY/MM/DD HH:mmYYYY/MM/DD HH:mm:ssYY
  • 关键方法名(Top):无(待补充)
  • 关键事件名(Top):无(待补充)
  • 阅读顺序建议:先看「何时使用」与「代码演示」,再核对属性/方法/事件。
  • 关联文档/guide/actions-and-events//guide/layouts/