next UI

# 日期过滤

# 概述

对日期的一系列格式化过滤器，方便实用。基于 dayjs。

# 代码示例

部分示例
更多用法请参考 API。
  • 原始值：Tue Oct 12 2021 02:55:56 GMT+0000 (Coordinated Universal Time)
  • dayjs：Tue, 12 Oct 2021 02:55:56 GMT
  • Unix 时间戳 (秒)：1634007356
  • 年：2021
  • 月：9
  • 日期：12
  • 星期：2
  • 小时：2
  • 分钟：55
  • 秒：56
  • 毫秒：571
<template>
    <div class="ivu-pl">
        <DatePicker type="datetime" v-model="value" />
        <ul>
            <li>原始值：{{ value }}</li>
            <li>dayjs：{{ value | day }}</li>
            <li>Unix 时间戳 (秒)：{{ value | date_value_second }}</li>
            <li>年：{{ value | date_year }}</li>
            <li>月：{{ value | date_month }}</li>
            <li>日期：{{ value | date_date }}</li>
            <li>星期：{{ value | date_day }}</li>
            <li>小时：{{ value | date_hour }}</li>
            <li>分钟：{{ value | date_minute }}</li>
            <li>秒：{{ value | date_second }}</li>
            <li>毫秒：{{ value | date_millisecond }}</li>
        </ul>
    </div>
</template>
<script>
    export default {
        data () {
            return {
                value: new Date()
            }
        }
    }
</script>
Expand Copy

# API

# dayjs 解析

属性 说明 参数 示例
day 时间字符串 - {{ value | day }}
date_unix Unix 时间戳 (秒) - {{ value | date_unix }}

# 获取

属性 说明 参数 示例
date_year 年 - {{ value | date_year }}
date_month 月，从 0 开始 - {{ value | date_month }}
date_date 日期 - {{ value | date_date }}
date_day 星期 - {{ value | date_day }}
date_hour 小时 - {{ value | date_hour }}
date_minute 分钟 - {{ value | date_minute }}
date_second 秒 - {{ value | date_second }}
date_millisecond 毫秒 - {{ value | date_millisecond }}

←