1. 程式人生 > >EXT JS兩種時間控制元件的比較

EXT JS兩種時間控制元件的比較

1、new Ext.form.DateField 

只提供了日期選擇部分,沒有提供時間部分供選擇,例:

this.beginDt =  newExt.form.DateField({

        selectOnFocus: true,

        allowBlank: false,

        value: newDate().add(Date.DAY,-7),

        format: 'Y-m-d ',/*Y-m-dH:i:s*/

        width: 90

    });

2、new Ext.ux.form.DateTimeField則提供了日期和時間部分供選擇
例:

 this.beginDt = newExt.ux.form.DateTimeField({

        selectOnFocus: true,

        allowBlank: false,

        value:newDate().add(Date.DAY,-7),

        format: 'Y-m-d ',

        width: 140

    });


注:

new Date().add(Date.DAY,-7)中-7可以改成任意整數,賦值為正整數時表示當前時間往後延幾天(tomorrow。。。),賦值為負整數時表示當前時間往前推幾天(yesterday。。。)。

兩者表格中顯示的時間日期格式都由 format控制,顯示分兩種:

①只顯示日期的格式: 'Y-m-d'

②顯示日期和時間的格式:'Y-m-d H:i:s'