Question

可以在react-day-picker中禁用日期，但是我找不到在react-native-datetime-picker中禁用特定日期的方法。可以禁用日期范围，但不能禁用特定日期。是否可以在react-native-datetime-picker中禁用某些日期？

Answer 1

您不能为此使用react-native-date-picker。但是有可用的库。它是react-native-calendars。以下代码段将为您提供操作方法的思路。

const vacation = {key:'vacation', color: 'red', selectedDotColor: 'blue'};
const massage = {key:'massage', color: 'blue', selectedDotColor: 'blue'};
const workout = {key:'workout', color: 'green'};

<Calendar
  markedDates={{
    '2017-10-25': {dots: [vacation, massage, workout], selected: true, selectedColor: 'red'},
    '2017-10-26': {dots: [massage, workout], disabled: true}
  }}
  markingType={'multi-dot'}
/>

有关更多信息，react-native-calendars

Answer 2

我认为您不能，可以设置minimumDate和maximumDate

https://github.com/mmazzarolo/react-native-modal-datetime-picker#available-props

它使用DatePickerIOS https://facebook.github.io/react-native/docs/datepickerios，后者又使用iOS的UIDatePicker，并且不允许您禁用特定的日期https://developer.apple.com/documentation/uikit/uidatepicker

对于iOS，您必须使用UIPickerView创建自己的选择器，对于Android，您可能必须做类似的事情。

您基本上是在考虑创建自己的本机模块。

如何在react-native-datetime-picker中禁用特定日期？

2 个答案: