DateTimePicker日期控件

author: 闫申申

定义

可控制开始和结束日期的时间组件(带时分)。

图片展示

DateTimePicker 日期控件 - 图1

代码演示

  2. import Picker from 'pile/dist/components/picker'
  3. const {DateTimePicker} = Picker
  5. <DateTimePicker
  6.   textvalue = "2017/8/7 14:56"
  7.   pickerAway = {function(e,t){
  8.     console.log(e,t)
  9.   }}
  10.   format = {["MM月dd日","点","分"]}
  11.   startData = "2017/8/7 14:16",
  12.   defaultData = "2017/8/7 14:56",
  13.   endData = "2017/8/7 14:56"
  14.   scale = {10}
  15.   titleName = "当前时间"
  16.   open = {false}
  17. />

属性

参数 描述 数据类型 默认值
textvalue 默认文字 string
open 点击确认后回调 bool false
format 展示日期格式 array ["yyyy年M月d日","点","分"]
startData 开始日期时间 string "2017/12/21 23:55"
endData 结束日期时间 string "2018/1/8 01:20"
defaultData 默认日期时间 string "2017/12/31 23:55"
scale 分钟刻度 number 5
titleName title string "当前时间"
nameFormatBool 是否更换日期显示方式"当前日期显示今天现在" string true
pickerAway 点击确认后回调，参数 4个：1，格式（array）当前选中的值（根据optOneArr替换日期）；2，格式（string）常用时间格式；3，格式（string）当前承载textvalue的节点；4，返回时间格式（object），fmt:时间戳, data: yyyy/MM/dd hh:mm function null

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-picker-datetimepicker.html