spz-date 格式日期
格式给定的日期。
布局
布局
跳转到“布局”何时使用
跳转到“何时使用”当用户需要输入一个日期，可以指定日期的输出形式。
代码演示
跳转到“代码演示”基本
跳转到“基本”最基本的用法，使用默认的格式来展示日期。
<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 | 展示的日期格式 | formatType | YYYY-MM-DD HH:mm:ss |
否 |
dateType
跳转到“dateType”| 支持的日期格式 |
|---|
| YYYY/MM/DD |
| YYYY/MM/DD HH:mm |
| YYYY/MM/DD HH:mm:ss |
formatType
跳转到“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 |
s |
秒 | 0-59 |
mm |
秒，两位数 | 00-59 |
a |
上午或下午，小写 | am | pm |
A |
上午或下午，大写 | AM | PM |