| | |
| | | } else if (config.type === 'week') { |
| | | mode = 'week' |
| | | format = 'YYYY-MM-DD' |
| | | } else if (config.type === 'daterange') { |
| | | mode = 'daterange' |
| | | format = 'YYYY-MM-DD' |
| | | } else { |
| | | if (config.type === 'daterange') { |
| | | mode = 'daterange' |
| | | } |
| | | if (config.precision === 'day') { |
| | | format = 'YYYY-MM-DD' |
| | | } else if (config.precision === 'hour') { |
| | | format = 'YYYY-MM-DD HH' |
| | | } else if (config.precision === 'minute') { |
| | | format = 'YYYY-MM-DD HH:mm' |
| | | } else if (config.precision === 'second') { |
| | | format = 'YYYY-MM-DD HH:mm:ss' |
| | | } |
| | | } |
| | | let value = config.initval || null |
| | | |
| | |
| | | this.state = { |
| | | value, |
| | | mode, |
| | | precision: config.precision || 'day', |
| | | format |
| | | } |
| | | } |
| | |
| | | } |
| | | |
| | | render() { |
| | | const { value, mode } = this.state |
| | | const { value, mode, format, precision } = this.state |
| | | |
| | | if (mode === 'date') { |
| | | return <DatePicker value={value} onChange={this.onChange}/> |
| | | return <DatePicker dropdownClassName={'mk-date-picker ' + precision} value={value} showTime={format !== 'YYYY-MM-DD'} format={format} onChange={this.onChange}/> |
| | | } else if (mode === 'month') { |
| | | return <MonthPicker value={value} onChange={this.onChange}/> |
| | | } else if (mode === 'week') { |
| | | return <WeekPicker value={value} onChange={this.onChange}/> |
| | | } else if (mode === 'daterange') { |
| | | return <RangePicker placeholder={['开始日期', '结束日期']} value={value} onChange={this.onChange}/> |
| | | return <RangePicker dropdownClassName={'mk-date-picker ' + precision} placeholder={['开始日期', '结束日期']} showTime={format !== 'YYYY-MM-DD'} format={format} value={value} onChange={this.onChange}/> |
| | | } |
| | | } |
| | | } |