mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 21:15:24 +08:00
70 lines
2.1 KiB
HTML
70 lines
2.1 KiB
HTML
<ion-navbar *navbar>
|
|
<ion-title>DateTime</ion-title>
|
|
</ion-navbar>
|
|
|
|
<ion-content class="outer-content">
|
|
<ion-list>
|
|
<ion-list-header>Web Release Dates</ion-list-header>
|
|
|
|
<ion-item>
|
|
<ion-label>World Wide Web</ion-label>
|
|
<ion-datetime displayFormat="YYYY" min="1981" max="2002" [(ngModel)]="wwwReleased"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Netscape</ion-label>
|
|
<ion-datetime displayFormat="MMMM YY" min="1989" max="2004" [(ngModel)]="netscapeReleased"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Opera</ion-label>
|
|
<ion-datetime displayFormat="DDD DD.MM.YY" min="1990" max="2000" [dayShortNames]="operaShortDay" [(ngModel)]="operaReleased"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Webkit</ion-label>
|
|
<ion-datetime displayFormat="D MMM YYYY" min="1990-02" max="2010-10" [(ngModel)]="webkitReleased"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Firefox</ion-label>
|
|
<ion-datetime displayFormat="MMM DD, YYYY" min="1994-03-14" max="2012-12-09" [(ngModel)]="firefoxReleased"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Chrome</ion-label>
|
|
<ion-datetime displayFormat="DDDD MMM D" min="2005" max="2016" [(ngModel)]="chromeReleased"></ion-datetime>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
<ion-list>
|
|
<ion-list-header>World Times</ion-list-header>
|
|
|
|
<ion-item>
|
|
<ion-label>Tokyo</ion-label>
|
|
<ion-datetime displayFormat="hh:mm A" [(ngModel)]="tokyoTime"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Paris</ion-label>
|
|
<ion-datetime displayFormat="HH:mm" [(ngModel)]="parisTime"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Madison</ion-label>
|
|
<ion-datetime displayFormat="h:mm a" [(ngModel)]="madisonTime"></ion-datetime>
|
|
</ion-item>
|
|
|
|
</ion-list>
|
|
|
|
<ion-list>
|
|
<ion-list-header>Set Alarm</ion-list-header>
|
|
|
|
<ion-item>
|
|
<ion-label>Alert</ion-label>
|
|
<ion-datetime displayFormat="mm" minuteValues="0,15,30,45" [(ngModel)]="alertTime"></ion-datetime>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
</ion-content>
|