@beisen-phoenix/date-time-picker

输入或选择日期和时间的控件。

Usage no npm install needed!

<script type="module">
  import beisenPhoenixDateTimePicker from 'https://cdn.skypack.dev/@beisen-phoenix/date-time-picker';
</script>

README

输入或选择日期和时间的控件。

约定

所有value为moment格式或string，如使用moment格式请确保引入了moment来进行格式转化。

国际化配置

内置了多语言相关处理，只需要传递lang参数即可。
**注意：**部分 locale 是从 value 中读取，所以请先正确设置 moment 的 locale。

import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn');

<DateTimePicker defaultValue={moment('2019-04-01', 'YYYY-MM-DD')} />

DateTimePicker API

参数 说明 类型 默认值 版本
lang 面板语言 zhCN/zhTW/enUS 'zhCN'
datePickerProps 日期组件的相关属性，具体请参考date-picker object 无
timePickerProps 时间组件的相关属性，具体请参考time-picker object 无
value 选中的日期时间值 string 或 moment 无
onChange 日期时间发生变化的回调 function(dateTime: moment,): void 无
onClear 日期时间均被清空时的回调 function(): void 无
disabledTime 禁止选择部分小时/分钟/秒的选项 () => {disabledHours: Function,disabledMinutes: Function,disabledSeconds: Function}
onOk 点击确定按钮的回调函数 function(string)

DateTimeRangePicker API

参数 说明 类型 默认值 版本
lang 面板语言 zhCN/zhTW/enUS 'zhCN'
datePickerProps 日期组件的相关属性，具体请参考date-picker object 无
timePickerProps 时间组件的相关属性，具体请参考time-picker object 无
value 选中的日期时间值 [string,string] 或 [moment, moment] 无
onChange 日期时间发生变化的回调 function(dateTime: moment,): void 无
onClear 日期时间均被清空时的回调 function(): void 无

一点碎碎念

DateRangePicker中原始代码屏蔽了showClear导致无法显示清除按钮，已经修复过了，但是点击之后由于只有一个清除事件，所以点击时是清空全部内容而不是清理单个输入框，请留意。

changelist

2019-08-14 value 新增string格式