2017-05-30 72 views
1

我有這樣的DateField在我的形式:設置起始日期字段EXTJS

{ 
    xtype: 'datefield', 
    fieldLabel: 'Date commence travel', 
    name: 'tgl_awal', 
    id: 'tgl_awal', 
    vtype: 'daterange', 
    endDateField: 'tgl_akhir', // id of the end date field 
    allowBlank: false, 
    msgTarget: 'side', 
    format: 'd-m-Y' 
}, { 
    xtype: 'datefield', 
    fieldLabel: 'Date end travel', 
    name: 'tgl_akhir', 
    id: 'tgl_akhir', 
    vtype: 'daterange', 
    startDateField: 'tgl_awal', 
    allowBlank: false, 
    msgTarget: 'side', 
    format: 'd-m-Y' 
} 

我想設置在開始之前,今天的tgl_awal3個月日期字段。我試圖用我在外面定義的Javascript變量來設置它,但沒有效果。任何幫助讚賞。

+0

演示的任何提琴? – Tejas

+0

@ Tejas1991不幸的是我沒有 – rayyar

回答

0

我認爲minValue是您正在查找的屬性。禁用minValue之前的所有日期。或者在今天之前的3個月裏,你是否有困難獲得邏輯?

function beginDate(){ 
    //put real logic for getting date prior to 3 months here 
    return new Date(2017,04,20); 
} 

    Ext.create('Ext.container.Viewport', {   
     title: 'Historical', 

     layout : 'fit', 

     items : [ 
       { 
        xtype: 'container', 
        autoScroll : true, 
        defaults : { 
         labelAlign : 'right' 
        }, 
        layout: { 
         type: 'hbox', 
         align: 'top', 
         pack: 'center' 
        }, 

        items: [ 
           { 
            xtype: 'datefield', 
            fieldLabel: 'Date commence travel', 
            name: 'tgl_awal', 
            id: 'tgl_awal', 
            vtype: 'daterange', 
            endDateField: 'tgl_akhir', // id of the end date field 
            allowBlank: false, 
            msgTarget: 'side', 
            format: 'd-m-Y', 
            minValue : beginDate() 
           }, { 
            xtype: 'datefield', 
            fieldLabel: 'Date end travel', 
            name: 'tgl_akhir', 
            id: 'tgl_akhir', 
            vtype: 'daterange', 
            startDateField: 'tgl_awal', 
            allowBlank: false, 
            msgTarget: 'side', 
            format: 'd-m-Y' 
           } 
           ] 

     } 
     ] 
    }); 
+0

我的不好,我沒有使用函數來調用這個值。謝謝 – rayyar

2

Ext.Date#add是使用從給定的日期添加或減去的時間間隔/方法。 你的日期字段應該設置爲:

value: Ext.Date.add(new Date, Ext.Date.MONTH, -3)