反应本地DatePicker特定时间

时间:2019-11-18 11:12:52

标签: react-native momentjs tcomb

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

1 个答案:

答案 0 :(得分:0)

就像@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',
          }
        }