Skip to main content

Date Picker

The DatePicker plugin allows the user to fetch date or time using native dialogs.

https://github.com/VitaliiBlagodir/cordova-plugin-datepicker

Stuck on a Cordova issue?

Don't waste precious time on plugin issues.

If you're building a serious project, you can't afford to spend hours troubleshooting. Ionic’s experts offer premium advisory services for both community plugins and premier plugins.

Installation#

$ npm install cordova-plugin-datepicker
$ npm install @ionic-native/date-picker
$ ionic cap sync

Supported Platforms#

  • Android
  • iOS
  • Windows

Usage#

React#

Learn more about using Ionic Native components in React

Angular#

import { DatePicker } from '@ionic-native/date-picker/ngx';
constructor(private datePicker: DatePicker) { }
...
this.datePicker.show({
date: new Date(),
mode: 'date',
androidTheme: this.datePicker.ANDROID_THEMES.THEME_HOLO_DARK
}).then(
date => console.log('Got date: ', date),
err => console.log('Error occurred while getting date: ', err)
);