javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +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 {
wwwReleased = '1991';
netscapeReleased = '1994-12-15T13:47:20.789';
firefoxReleased = '2002-09-23T15:03:46.789';
operaReleased = '1995-04-15';
webkitReleased = '1998-11-04T11:06Z';
firefoxReleased = '2002-09-23T15:03:46.789';
chromeReleased = '2008-09-02';
tokyoTime: string;
parisTime: string;
dallasTime: string;
madisonTime: string;
alertTime = '10:15';
operaShortDay = [
@ -28,16 +28,14 @@ class MainPage {
];
constructor() {
this.tokyoTime = this.calculateTime("+9");
this.parisTime = this.calculateTime("+1");
this.dallasTime = this.calculateTime("-6");
let today = new Date();
this.tokyoTime = this.calculateTime('+9');
this.parisTime = this.calculateTime('+1');
this.madisonTime = this.calculateTime('-6');
// If it is Daylight Savings Time
if (this.dst(today)) {
this.parisTime = this.calculateTime("+2");
this.dallasTime = this.calculateTime("-5");
if (this.dst(new Date())) {
this.parisTime = this.calculateTime('+2');
this.madisonTime = this.calculateTime('-5');
}
}
@ -47,7 +45,7 @@ class MainPage {
// create new Date object for different city
// using supplied offset
let nd = new Date(d.getTime() + (3600000*offset));
let nd = new Date(d.getTime() + (3600000 * offset));
return nd.toISOString();
}
@ -70,8 +68,4 @@ class MainPage {
})
class ApiDemoApp {
root = MainPage;
constructor() {
}
}

27
demos/datetime/main.html
View File

@ -13,7 +13,17 @@
<ion-item>
<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>
@ -21,16 +31,6 @@
<ion-datetime displayFormat="MMM DD, YYYY" min="1994-03-14" max="2012-12-09" [(ngModel)]="firefoxReleased"></ion-datetime>
</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-label>Chrome</ion-label>
<ion-datetime displayFormat="DDDD MMM D" min="2005" max="2016" [(ngModel)]="chromeReleased"></ion-datetime>
@ -51,11 +51,12 @@
</ion-item>
<ion-item>
<ion-label>Dallas</ion-label>
<ion-datetime displayFormat="h:mm A" [(ngModel)]="dallasTime"></ion-datetime>
<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>