javascript - Ext JS datepicker，从两个不同的日历中获取日期范围

Question

大家好，我正在进入一个大型 EXT JS 项目，不幸的是我对 Ext js 完全不感兴趣，我试图从图和示例中学习尽可能多的知识，但我对此感到震惊基本问题。

我有两个不同的日期选择器定义如下:

items: {
                        xtype: 'panel',
                        layout: 'hbox',                    
                        items: [{
                            title: 'FROM',
                            margin: '5',
                            items: {
                                xtype: 'datepicker',
                                start: true,
                                reference: 'startDate',
                                maxDate: new Date(),
                                maxText: 'Future dates are not available',
                                bind: {
                                    value: '{startDate}'
                                },
                                showToday: false,
                                listeners: {
                                    select: 'checkDateInterval'
                                }
                            }
                        }, {
                            title: 'TO',
                            margin: '5',
                            items: {
                                xtype: 'datepicker',
                                start: false,
                                reference: 'endDate',
                                bind: {
                                    value: '{endDate}'
                                },
                                maxDate: new Date(),
                                showToday: false,
                                listeners: {
                                    select: 'checkDateInterval'
                                }
                            }
                        }]
                    }

我已经成功定义了 Controller ，我在其中对日期选择器传递给我的所有内容做了一个简单的“console.log()”:

Ext.define('xxx.xxx.xxx.xxxxxxxSetupController', {
    extend: 'Ext.app.ViewController',
    alias: 'controller.investmentsetupcontroller',
    checkDateInterval: function (data){
        console.log("data: ", data);
    }
});

这正在按预期工作。 唯一的问题是我在 console.log 中收到了一个充满数据的整个对象，我想应该有一种更简单的方法来获取两个选定的日期。我可以请你一些建议来处理这个问题吗？我的目标是获取这两个日期，进行一些计算并使用数据调用另一个函数。

提前致谢。

Answer 1

要实现此目的，您需要使用data.value 你的代码将是这样的

checkDateInterval: function (data){
       console.log("data: ", data.value);
}

另请检查此处的 fiddle 。 Fiddle