ExtJS设置Datepicker默认值

解决ExtJS中生日日期选择默认为当前日期的问题

最新推荐文章于 2020-12-20 11:55:40 发布

原创最新推荐文章于 2020-12-20 11:55:40 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #extjs #datepicker

ExtJS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在使用ExtJS开发时，通过修改代码让datepicker组件在无初始值时默认显示30年前的日期，解决生日日期选择总是显示当前日期的问题。

在ExtJS开发中，如果使用一个datefield作为生日字段时，会碰到很恼人的问题。因为datepicker的默认日期是当天日期，所以导航到几十年前的生日很麻烦。

下面的代码能够让datepicker在datefield无初始value的情况下，默认显示30年前的月份。

{
    xtype: 'datefield',
    fieldLabel: 'Birth',
    name:'birthday',
    onExpand: function() {
        var value = this.getValue();
        this.picker.setValue(Ext.isDate(value) ? value : Ext.Date.subtract(new Date(), Ext.Date.YEAR, 30));
    }
}