mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
72 lines
2.6 KiB
HTML
72 lines
2.6 KiB
HTML
<ion-navbar *navbar>
|
|
<ion-title>DateTime</ion-title>
|
|
</ion-navbar>
|
|
|
|
<ion-content class="outer-content">
|
|
<ion-list>
|
|
<ion-list-header>History of the Web</ion-list-header>
|
|
|
|
<ion-item>
|
|
<ion-label>World Wide Web Invented</ion-label>
|
|
<ion-datetime displayFormat="YYYY" min="1981" max="2002" [(ngModel)]="wwwInvented"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Netscape Released</ion-label>
|
|
<ion-datetime displayFormat="MMMM YY" min="1989-06-04" max="2004-08-23" [(ngModel)]="netscapeRelease"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Firefox Released</ion-label>
|
|
<ion-datetime displayFormat="MMM DD, YYYY" min="1994-03-14" max="2012-12-09" [(ngModel)]="firefoxRelease"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Opera Released (Español)</ion-label>
|
|
<ion-datetime displayFormat="DDD. MM/DD/YY" min="1990-02" max="2000" [dayShortNames]="customShortDay" [(ngModel)]="operaRelease"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Webkit Open Source Date</ion-label>
|
|
<ion-datetime displayFormat="D MMM YYYY H:mm" min="1997" max="2010" [(ngModel)]="webkitOpenSourced"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Chrome Released</ion-label>
|
|
<ion-datetime displayFormat="DDDD MMM D, YYYY" min="2005" max="2016" [(ngModel)]="chromeReleased"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>HH:mm</ion-label>
|
|
<ion-datetime displayFormat="HH:mm" [(ngModel)]="time"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>h:mm a</ion-label>
|
|
<ion-datetime displayFormat="h:mm a" [(ngModel)]="time"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>hh:mm A (15 min steps)</ion-label>
|
|
<ion-datetime displayFormat="h:mm A" minuteValues="0,15,30,45"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>Leap years, summer months</ion-label>
|
|
<ion-datetime displayFormat="MM/YYYY" pickerFormat="MMMM YYYY" [yearValues]="leapYearsArray" monthValues="6,7,8" [(ngModel)]="leapYearsSummerMonths"></ion-datetime>
|
|
</ion-item>
|
|
</ion-list>
|
|
|
|
<p aria-hidden="true" padding>
|
|
World Wide Web Invented: <code>{{wwwInvented}}</code><br>
|
|
Netscape Released: <code>{{netscapeRelease}}</code><br>
|
|
Opera Released: <code>{{operaRelease}}</code><br>
|
|
Firefox Released: <code>{{firefoxRelease}}</code><br>
|
|
Webkit Open Source Date: <code>{{webkitOpenSourced}}</code><br>
|
|
Chrome Released: <code>{{chromeReleased}}</code><br>
|
|
time: <code>{{time}}</code><br>
|
|
Leap year, summer months: <code>{{leapYears}}</code><br>
|
|
</p>
|
|
|
|
</ion-content>
|