m1aw / datepicker-ionic2 Goto Github PK

    npm i datepicker-ionic2 --save

 import { DatePickerModule } from 'datepicker-ionic2';

   imports: [
        IonicModule.forRoot(App),
        DatePickerModule,
    ],

	   <button full="true" [min]="now" calendar="true" [(ngModel)]="date"  ion-item  ion-datepicker>
      <ion-label>
        Results<ion-icon name="forward-arrow"></ion-icon>
      </ion-label>
      <div item-content>
        {{date | date}}
      </div>
    </button>

a) [(ngModel)] is used to have the value as any other angular2 component

a) [min] is minimum date that user is allowed to select. (not required)

b) [max] is maximum date that user is allowed to select. (not required)

c) (ionChanged) is an event emitter that returns the date as a $event.

d) [hclasses] is a bridge to the header classes of the directive using ngClass (string, array or object) (not required)

e) [dclasses] is a bridge to the date classes of the directive using ngClass (string, array or object) (not required)

f) [full] - a boolean that determines whether the modal should be full screen or not (not required)

g) [calendar] - a boolean that makes the date picker display as a calendar

e) [modalOptions] - a modal is used to display the picker to configure the animation or other options you may use this