ZnDate 日期显示组件

用来显示日期的值

基本使用

只需要简单的值就可以显示日期值

传递一个Date对象，会自动格式化： 2025-12-31
也可以传递一个时间戳（Number类型），会自动格式化： 2023-09-12
同时你也可以传递字符串值，也会自动进行格式化： 2023-09-30

    <div>
        传递一个<el-tag>Date</el-tag>对象，会自动格式化：
        <zn-date-label :value="new Date()" />
        <br>
        也可以传递一个<el-tag>时间戳（Number类型）</el-tag>，会自动格式化：
        <zn-date-label :value="1694502400000" />
        <br>
        同时你也可以传递<el-tag>字符串值</el-tag>，也会自动进行格式化：
        <zn-date-label value="2023-09-30 12:00:00" />
    </div>

Expand Copy Copy

格式化的值

默认的格式化值为yyyy-MM-dd HH:mm:ss，可以通过format属性来自定义格式化值。

yyyy-MM-dd => 2025-12-31
hh:mm:ss => 11:06:04
yyyy-MM-dd hh:mm:ss => 2025-12-31 11:06:04

    <div>
        yyyy-MM-dd => <zn-date-label :value="new Date()" format="yyyy-MM-dd" />
        <br>
        hh:mm:ss => <zn-date-label :value="new Date()" format="hh:mm:ss" />
        <br>
        yyyy-MM-dd hh:mm:ss => <zn-date-label :value="new Date()" format="yyyy-MM-dd hh:mm:ss" />
    </div>

Expand Copy Copy

Props

参数	说明	类型	默认值
value	日期值,必传	Number, String, Date	null
format	格式化值	String	'yyyy-MM-dd'