【问题标题】:React Native DatePicker Specific HoursReact Native DatePicker 特定时间
【发布时间】:2020-03-13 17:55:21
【问题描述】:

React native 有没有办法在日期选择器中选择特定的时间? 比如这里在DatePickerIOSe,我们可以选择mode: time。还有另外两个 Props (maximumDate, minimumDate) ,有没有办法将它们指定为小时和分钟,例如
maximumDate = new Date('12:00:00') 或类似的东西?

【问题讨论】:

  • 你可以在下面的代码,希望它的工作; snack.expo.io/@erdemildiz/…
  • 解决了,我正在用完整的代码写一个答案,这样任何人都可以使用它。

标签: react-native momentjs tcomb


【解决方案1】:

就像@erdemildiz 所说,我们可以通过setHours()setMinutes() 轻松解决这个问题 下面是使用 Tcomb 制作一个从 10:00:00 到 22:00:00 的计时器的代码

    var startTime = new Date()
    startTime.setHours(10)
    startTime.setMinutes(0)
    var finishTime = new Date()
    finishTime.setHours(22)
    finishTime.setMinutes(0)

    timer: {
          label: 'select time',
          maximumDate: finishTime,
          minimumDate: startTime,
          minuteInterval: 10,
          mode: 'time',
          config: {
            format: (date) => { return moment(date).format('HH:mm A') },
            defaultValueText: 'Choose time',
          }
        }

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-31
    • 2019-04-16
    • 1970-01-01
    • 2017-12-07
    • 1970-01-01
    相关资源
    最近更新 更多