Ionic 4 datepicker example

ionic datetime

<ion-item>
  <ion-label>MMMM</ion-label>
  <ion-datetime displayFormat="MMMM" value="2012-12-15T13:47:20.789"></ion-datetime>
</ion-item>

<ion-item>
  <ion-label>MM DD YY</ion-label>
  <ion-datetime displayFormat="MM DD YY" placeholder="Select Date"></ion-datetime>
</ion-item>

<ion-item>
  <ion-label>YYYY</ion-label>
  <ion-datetime [pickerOptions]="customPickerOptions" placeholder="Custom Options" displayFormat="YYYY" min="1981" max="2002"></ion-datetime>
</ion-item>

<ion-item>
  <ion-label position="stacked">MMMM YY</ion-label>
  <ion-datetime displayFormat="MMMM YY" min="1989-06-04" max="2004-08-23" value="1994-12-15T13:47:20.789"></ion-datetime>
</ion-item>

<ion-item>
  <ion-label position="floating">MM/DD/YYYY</ion-label>
  <ion-datetime displayFormat="MM/DD/YYYY" min="1994-03-14" max="2012-12-09" value="2002-09-23T15:03:46.789"></ion-datetime>
</ion-item>

<ion-item>
  <ion-label position="floating">MM/DD/YYYY</ion-label>
  <ion-datetime displayFormat="MM/DD/YYYY" min="1994-03-14" max="2012-12-09"></ion-datetime>
</ion-item>

Posted by: Guest on May-11-2020

Source

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

Code answers related to "Ionic 4 datepicker example"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "Ionic 4 datepicker example"

Code answers related to "Ionic 4 datepicker example"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us