展示当前时间

show-current-datetime

可通过配置展示不同风格的当前时间

Install

npm

npm i show-current-datetime

yarn

yarn add show-current-datetime

Usage

Example with default

import React from 'react';
import ShowCurrentDateTime from 'show-current-datetime';

export default function index() {
    return <ShowCurrentDateTime/>
}

API

| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 | | ----- | ---- | ---- | ---- | ------ | ----------------- | | bodyStyle | 外层容器样式 | 非必填 | CSSProperties | | | className | 外层容器className设置 | 非必填 | string | '' |
| dataClassName | 年月日容器className设置| 非必填 | string | '' | | timeClassName | 时分秒容器className设置| 非必填 | string | '' | | weekClassName | 星期容器className设置 | 非必填 | string | '' | | isPoll | 是否轮询更新时间 | 非必填 | boolean | true | | delay | 轮询时间间隔 | 非必填 | number | 1000 | 单位：毫秒 | arrange | 排列顺序 | 非必填 | Array | ['data','time','week'] | data：年月日 time：时分秒week：星期['data','time','week'] 按年月日时分秒星期顺序展示['data','time'] 只展示年月日时分秒[] 不展示 | formatObj | 日期与时间展示格式 | 非必填 | { data: string;time: string; } | { data: 'YYYY-MM-DD', time:'HH:mm:ss' } | data:YYYY-MM-DD YYYY/MM/DD等time:HH:mm:ss hh:mm:ss等 | currentTimeStyles | 各区域样式 | 非必填 | { dataStyle?:CSSProperties; timeStyle?:CSSProperties; weekStyle?:CSSProperties; } | {} | dataStyle 日期样式timeStyle 时间样式weekStyle 星期样式 | customRender | 自定义的渲染方法 | 非必填 | (currentTimeObj:object) => ReactNode | undefined | 参数：currentTimeObj = { years: number; //年 months: number; //月 date: number; //日 hours: number; //时 minutes: number; //分 seconds: number; //秒 milliseconds: number; //毫秒 week: number; //星期 }