如何设置默认日期

Question

如何将 defaultDate 设置为 1 个月前的时刻日期

<DatePicker
  defaultDate={}
  minimumDate={new Date()}
  ...
/>

我无法想象我必须将什么放入 defaultDate

Answer 1

参考：https://docs.nativebase.io/Components.html#date-picker-def-headref

defaultDate - 当用户打开日期选择器时，默认日期将突出显示

let lastMonth =  new Date(); 
lastMonth.setMonth(lastMonth.getMonth() - 1)

<DatePicker
        defaultDate={lastMonth}
        minimumDate={lastMonth}
        locale={"en"}
        timeZoneOffsetInMinutes={undefined}
        modalTransparent={false}
        animationType={"fade"}
        androidMode={"default"}
        placeHolderText="Select date"
        textStyle={{ color: "green" }}
        placeHolderTextStyle={{ color: "#d3d3d3" }}
        onDateChange={this.setDate}
        disabled={false}
        />

使用时刻

let lastMonth = new Date(moment().subtract(1, 'months').format(moment.defaultFormat))

Answer 2

您可以使用原版 Javascript 的 setMonth and getMonth 功能。

var default_date = new Date();
default_date.setMonth(default_date.getMonth()-1);

<DatePicker
  defaultDate={default_date}
  minimumDate={new Date()}
  ...
/>

Answer 3

let lastMonth = new Date()
lastMonth.setMonth(lastMonth.getMonth() - 1)

<DatePicker
  defaultDate={lastMonth}
  minimumDate={new Date()}
  ...
/>

Answer 4

https://momentjs.com/docs/#/durations/subtract/

    var currentDate = moment('2015-10-30');
    var pastmonth = moment(currentDate).subtract(1, 'M');

    <DatePicker
      defaultDate={pastmonth}
      minimumDate={new Date()}
      ...
    />

如何设置默认日期

How to set defaultDate

javascript

react-native

native-base