从ReactNative-DatePickerAndroid获取选定日期

时间:2017-01-17 17:58:59

标签: android reactjs react-native

我关注ReactNative DatePickerAndroid Docs。 对于DatePickerIOS,我们有onDateChange方法。

是否有类似的方法从DatePickerAndroid获取所选日期?上面的文档没有提到任何代码示例来获取选定的日期。

1 个答案:

答案 0 :(得分:2)

您可以从给定的代码示例中获取showPicker方法中的选定日期:

showPicker = async (stateKey, options) => {
    try {
      var newState = {};
      const {action, year, month, day} = await DatePickerAndroid.open(options);
      if (action === DatePickerAndroid.dismissedAction) {
        newState[stateKey + 'Text'] = 'dismissed';
      } else {
        // <<<< Newly selected date >>>>
        var date = new Date(year, month, day);
        newState[stateKey + 'Text'] = date.toLocaleDateString();
        newState[stateKey + 'Date'] = date;
      }
      this.setState(newState);
    } catch ({code, message}) {
      console.warn(`Error in example '${stateKey}': `, message);
    }
  };
render() {
   return (
   <TouchableWithoutFeedback
    onPress={this.showPicker.bind(this, 'spinner', { date: this.state.presetDate })}>
     <View>
        <Text style={styles.text}>Date selector</Text>
     </View>
   </TouchableWithoutFeedback>
  )
}