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));