javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 05:21:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(demos): datetime formatting updates

Browse Source
This commit is contained in:
Adam Bradley
2016-05-17 09:12:05 -05:00
parent 47afd9477b
commit afd7cffbf1
2 changed files with 23 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
demos/datetime/index.ts
View File

@ -7,14 +7,14 @@ import {App, Page} from 'ionic-angular';
class MainPage { class MainPage {
wwwReleased = '1991'; wwwReleased = '1991';
netscapeReleased = '1994-12-15T13:47:20.789'; netscapeReleased = '1994-12-15T13:47:20.789';
firefoxReleased = '2002-09-23T15:03:46.789';
operaReleased = '1995-04-15'; operaReleased = '1995-04-15';
webkitReleased = '1998-11-04T11:06Z'; webkitReleased = '1998-11-04T11:06Z';
firefoxReleased = '2002-09-23T15:03:46.789';
chromeReleased = '2008-09-02'; chromeReleased = '2008-09-02';
tokyoTime: string; tokyoTime: string;
parisTime: string; parisTime: string;
dallasTime: string; madisonTime: string;
alertTime = '10:15'; alertTime = '10:15';
operaShortDay = [ operaShortDay = [
@ -28,16 +28,14 @@ class MainPage {
]; ];
constructor() { constructor() {
this.tokyoTime = this.calculateTime("+9"); this.tokyoTime = this.calculateTime('+9');
this.parisTime = this.calculateTime("+1"); this.parisTime = this.calculateTime('+1');
this.dallasTime = this.calculateTime("-6"); this.madisonTime = this.calculateTime('-6');
let today = new Date();
// If it is Daylight Savings Time // If it is Daylight Savings Time
if (this.dst(today)) { if (this.dst(new Date())) {
this.parisTime = this.calculateTime("+2"); this.parisTime = this.calculateTime('+2');
this.dallasTime = this.calculateTime("-5"); this.madisonTime = this.calculateTime('-5');
} }
} }
@ -47,7 +45,7 @@ class MainPage {
// create new Date object for different city // create new Date object for different city
// using supplied offset // using supplied offset
let nd = new Date(d.getTime() + (3600000*offset)); let nd = new Date(d.getTime() + (3600000 * offset));
return nd.toISOString(); return nd.toISOString();
} }
@ -70,8 +68,4 @@ class MainPage {
}) })
class ApiDemoApp { class ApiDemoApp {
root = MainPage; root = MainPage;
constructor() {
}
} }

27
demos/datetime/main.html
View File

@ -13,7 +13,17 @@
<ion-item> <ion-item>
<ion-label>Netscape</ion-label> <ion-label>Netscape</ion-label>
<ion-datetime displayFormat="MMMM YY" min="1989-06-04" max="2004-08-23" [(ngModel)]="netscapeReleased"></ion-datetime> <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-item> <ion-item>
@ -21,16 +31,6 @@
<ion-datetime displayFormat="MMM DD, YYYY" min="1994-03-14" max="2012-12-09" [(ngModel)]="firefoxReleased"></ion-datetime> <ion-datetime displayFormat="MMM DD, YYYY" min="1994-03-14" max="2012-12-09" [(ngModel)]="firefoxReleased"></ion-datetime>
</ion-item> </ion-item>
<ion-item>
<ion-label>Opera</ion-label>
<ion-datetime displayFormat="DDD MM.DD.YY" min="1990-02" 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" max="2010" [(ngModel)]="webkitReleased"></ion-datetime>
</ion-item>
<ion-item> <ion-item>
<ion-label>Chrome</ion-label> <ion-label>Chrome</ion-label>
<ion-datetime displayFormat="DDDD MMM D" min="2005" max="2016" [(ngModel)]="chromeReleased"></ion-datetime> <ion-datetime displayFormat="DDDD MMM D" min="2005" max="2016" [(ngModel)]="chromeReleased"></ion-datetime>
@ -51,11 +51,12 @@
</ion-item> </ion-item>
<ion-item> <ion-item>
<ion-label>Dallas</ion-label> <ion-label>Madison</ion-label>
<ion-datetime displayFormat="h:mm A" [(ngModel)]="dallasTime"></ion-datetime> <ion-datetime displayFormat="h:mm A" [(ngModel)]="madisonTime"></ion-datetime>
</ion-item> </ion-item>
</ion-list> </ion-list>
<ion-list> <ion-list>
<ion-list-header>Set Alarm</ion-list-header> <ion-list-header>Set Alarm</ion-list-header>