@ digitalransit- 组件/ digitalransit- 组件- 日期选择器

时间选择器

此组件输入以选择日期和时间 。 渲染器为日期和时间选择将输入字段分开。 时间戳和到达By的值对应 Digitransit 查询参数的时间和到达By. 此组件将在移动中显示本地日期输入和桌面自定义日期输入 。 移动检测是通过解析用户代理完成的.

参数

• props 对象

  • props.realtime 布尔 确定选择的时间是否应在选择“ 现在” 时实时更新 。 (可选,默认) false(中文(简体) )
  • props.initialArriveBy 布尔 到达By的初始值 。 确定采取者是否处于到达模式(真)或出走模式(假). 正确的值即使没有更新,也保留在组件状态中。 改变这一点也会引发构成部分的变化.
  • props.initialTimestamp 数目 选定时间的初始值 。 数秒内解出九分之多 更新此选项会改变计时器的值, 但是即使没有更新, 正确的值也会保留在组件状态中 .
  • props.onDepartureClick 函数 在点击"离开"按钮时使用(时间)调用. 时间是当前输入值以秒计
  • props.onArrivalClick 函数 点击“ 到达” 按钮时使用( 时间) 调用 。 时间是当前输入值以秒计
  • props.onTimeChange 函数 当时间输入改变时,以(时间,到达By)调用. 时间是数乘以秒,到达By是布尔
  • props.onDateChange 函数 当日期输入更改时调用( 时间, 到达By) 。 时间是数乘以秒,到达By是布尔
  • props.onNowClick 函数 点击“ 现在离开” 按钮时调用 。 时间是当前输入值以秒计
  • props.embedWhenClosed 节点 JSX 输入关闭时在角落中显示的元素
  • props.embedWhenOpen 节点 打开输入时要提供的 JSX 元素
  • props.lang 字符串 语言选. 默认 “ en”( 可选, 默认) 'en'(中文(简体) )
  • props.serviceTimeRange 编号 确定计时器中显示的天数 。 可选的 默认为30。 (可选,默认) 30(中文(简体) )
  • props.onOpen 函数 确定计时器打开后要做什么 。 可选的 没有默认执行 .
  • props.onClose 函数 确定何时取出时间 可选的 没有默认执行 .
  • props.openPicker 函数 确定计时器是否应该打开 。 可选的 默认未定义 .
  • props.color (可选,默认) '#007ac9'(中文(简体) )
  • props.timeZone (可选,默认) 'Europe/Helsinki'(中文(简体) )

实例

<Datetimepicker
  realtime={true}
  initialTimestamp={1590133823}
  initialArriveBy={false}
  onTimeChange={(time, arriveBy) => changeUrl(time, arriveBy)}
  onDateChange={(time, arriveBy) => changeUrl(time, arriveBy)}
  onNowClick={(time) => changeUrl(undefined, undefined)}
  onDepartureClick={(time) => changeUrl(time, 'true')}
  onArrivalClick={(time) => changeUrl(time, undefined)}
  embedWhenClosed={<button />}
  lang={'en'}
  serviceTimeRange={15}
/>

-- -- . .

这个模块是Digitransit-ui项目的一部分. 保留在 HSLdevcom/数码-i 库,您可以创建的地方 公关和问题.

安装

单独安装此模块 :

$ npm install @digitransit-component/digitransit-component-datetimepicker