1.0.7 • Published 1 year ago
show-current-datetime v1.0.7
展示当前时间
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; //星期 } |