1.0.6 • Published 8 years ago

time_cutdown_component

Licence

ISC

Version

1.0.6

Deps

Size

10 kB

Vulns

Weekly

Summary Dependency Versions

CenterCascader

React倒计时组件

Screenshots

Explain

这是一款适用于PC 移动端的组件，目的在于获取计算天数，减少去网上copy代码的时间。

Install

npm i --save time_cutdown_component

Usage

  import CountDown from '../../component/CountDown';

   <CountDown time={"2019-02-10"} 
              value={(v,day,hour,minute) => {
                this.setState({ pCutDown: v })
              }}>
              trigger={(day,hour,minute)=>{
                action.trigger({})
              }}
  </CountDown>

API

props

name	type	default	description	Required
time	String	-	传入截止的日期	Yes
value	Function	-	回掉函数，用于将计算好的倒计时返回	Yes
trigger	Function	-	回掉函数,当天数=0,小时=0,分钟=0时，可以触发事件	No

注意事项

value,trigger 回调函数，参数说明

v : 228d 08hr 59min

day : 228

hour : 08

minute : 59
调用组件时返回值可能会出现, unfined, 因为dom渲染时，还没获取到截止日期，没有传到组件。

解决方案

```
{截止日期 ? <CountDown 
                time={"2019-02-10"} 
                value={(v) => {
                this.setState({ pCutDown: v })
              }}>
        </CountDown> : null}
```