Nativebase: DatePicker : Change the format of the date picked

Created on 26 Jun 2018 · 9Comments · Source: GeekyAnts/NativeBase

Hi,

Versions

NativeBase : 2.6.1

Issue

I need to change the format of the date shown after picking a date. I couldn't find a prop just like format in DatePickerAndroid which allows me to change the date format I picked. Is this already implemented or yet to be implemented?

Source

Cassendra4

👍1

Most helpful comment

It might be helpful to add this to the docs, so people don't have to dig for this in the future.

adamtsai1 on 14 Aug 2018

👍16 👀1

All 9 comments

@Cassendra4 To what format you want to change?

SupriyaKalghatgi on 26 Jun 2018

I want both "MMM DD YYYY" and "ddd, MMM DD YYYY" formats

Cassendra4 on 26 Jun 2018

Related PR #2022

akhil-geekyants on 26 Jun 2018

Added with with 2.7.1

SupriyaKalghatgi on 11 Jul 2018

👍3

It might be helpful to add this to the docs, so people don't have to dig for this in the future.

adamtsai1 on 14 Aug 2018

👍16 👀1

Hi, is there any example for formatChosenDate props ?

dennylesmanajr on 29 Aug 2018

👍5

This is how I return a formatted date string with momentjs, which is in the users locale:
formatChosenDate={date => {return moment(date).format('L');}}

jan-happy on 4 Sep 2018

👍6

import format from 'date-fns/fp/format';
import { DatePicker as DP} from 'native-base';

const export DatePicker = props => (
  <DP
    formatChosenDate={format("MMM do, YYYY")}
    ...props
  />
);