date picker ionic code example

Example 1: ion datetime time current set

public date:any = new Date().toISOString();
...
<ion-datetime [(ngModel)]="date"
    displayFormat="MMM DD, YYYY HH:mm"
    formControlName="myDate">
</ion-datetime>

Example 2: ionic datepicker done

<ion-datetime displayFormat="h:mm a" doneText="Okay"></ion-datetime>

Example 3: Datepicker ionic

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

Tags:

Html Example