mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 13:32:54 +08:00
68 lines
2.4 KiB
HTML
68 lines
2.4 KiB
HTML
<ion-toolbar>
|
|
<ion-title>Datetime</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content class="outer-content">
|
|
|
|
<ion-item>
|
|
<ion-label>YYYY</ion-label>
|
|
<ion-datetime displayFormat="YYYY" min="1981" max="2002" [(ngModel)]="wwwInvented"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>MMMM YY</ion-label>
|
|
<ion-datetime displayFormat="MMMM YY" min="1989-06-04" max="2004-08-23" [(ngModel)]="netscapeReleased"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>MMM DD, YYYY</ion-label>
|
|
<ion-datetime displayFormat="MMM DD, YYYY" min="1994-03-14" max="2012-12-09" [(ngModel)]="firefoxReleased" class="e2eOpenMMDDYYYY"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>DDD. MM/DD/YY (locale day)</ion-label>
|
|
<ion-datetime displayFormat="DDD. MM/DD/YY" min="1990-02" max="2000" [dayShortNames]="customShortDay" [(ngModel)]="operaReleased"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>D MMM YYYY H:mm</ion-label>
|
|
<ion-datetime displayFormat="D MMM YYYY H:mm" min="1997" max="2010" [(ngModel)]="webkitOpenSourced"></ion-datetime>
|
|
</ion-item>
|
|
|
|
<ion-item>
|
|
<ion-label>DDDD MMM D, YYYY</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>
|
|
|
|
<p aria-hidden="true" padding>
|
|
<code>wwwInvented: {{wwwInvented}}</code><br>
|
|
<code>netscapeReleased: {{netscapeReleased}}</code><br>
|
|
<code>operaReleased: {{operaReleased}}</code><br>
|
|
<code>firefoxReleased: {{firefoxReleased}}</code><br>
|
|
<code>webkitOpenSourced: {{webkitOpenSourced}}</code><br>
|
|
<code>chromeReleased: {{chromeReleased}}</code><br>
|
|
<code>time: {{time}}</code><br>
|
|
<code>Leap year, summer months: {{leapYearsSummerMonths}}</code><br>
|
|
</p>
|
|
|
|
</ion-content> |