Question

我的格式是这个日期字段：

{
    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'
}

我想在今天前3个月在tgl_awal中设置开始日期字段。我试图用我在外面定义但没有效果的Javascript变量来设置它。任何帮助表示赞赏。

Answer 1

Ext.Date#add是用于在给定日期之间添加或减去时间间隔的方法。您的日期字段的值应设置为：

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

Answer 2

我认为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'
                                }
                                ]

        }
        ]
    });

设置开始日期字段EXTJS

2 个答案: