Skip to content

inline mode

kekeh edited this page Jun 15, 2019 · 3 revisions

This example shows on how to use datepicker in inline mode.

<!-- set input type to hidden it is not visible in inline mode -->
<input type="hidden" name="mydate" angular-mydatepicker 
  [(ngModel)]="model" [options]="myDpOptions" 
  (dateChanged)="onDateChanged($event)"/>
import {IAngularMyDpOptions, IMyDateModel} from 'angular-mydatepicker';
// other imports are here...

export class MyTestApp {
  myDpOptions: IAngularMyDpOptions = {
    inline: true,
    dateRange: false,
    dateFormat: 'dd.mm.yyyy'
    // other options are here...
  };

  model: IMyDateModel = null;

  constructor() { }

  onDateChanged(event: IMyDateModel): void {
    console.log('Date selected: ', event);
  }
}