Ext2.0中，DatePicker中如何加上时间项？

最新推荐文章于 2014-10-19 15:40:16 发布

最新推荐文章于 2014-10-19 15:40:16 发布 · 201 阅读

文章标签：

#EXT #360 #prototype

本文介绍了一个在ExtJS中实现日期与时间选择器的问题。作者尝试在一个日期字段上添加时间选择功能，但遇到了时间显示为0：0且无法弹出时间选择框的问题。文章提供了出现问题的代码示例。

        近日，碰到这样的一个问题，需要日期与时间同时显示出来，在日期框加上时间项！我写出来后显示时间都是0：0，而且没有时间的选项框！我的写法如下：
Ext.onReady(function(){
    Ext.QuickTips.init();
    Ext.form.Field.prototype.msgTarget = 'side';
    var datefield = new Ext.FormPanel({
        labelWidth: 100, // label settings here cascade unless overridden
        frame:true,
        title: 'Datepicker',
        bodyStyle:'padding:5px 5px 0',
        width: 360,
        defaults: {width: 220},
        defaultType: 'datefield',
        items: [{
                fieldLabel: 'Date',
                name: 'date',
                value:'2007-12-03 12:16',
                readOnly:true,
                format:'Y-m-d H:i',
               timePicker : true
            }
        ]
    });
    datefield.render('datefield');
});