如何转化extjs的model中的日期类型字段格式

发布网友发布时间：2022-05-14 17:04

共2个回答

懂视网时间：2022-05-14 21:25

如下图所示，

ExtJS 代码:

 var tb1 = Ext.create('Ext.toolbar.Toolbar', {
 region: 'north',
 border: '0 0 0 0',
 height: 34
 });
 tb1.add(
 {
  xtype: 'datefield',
  id: 'theDate',
  editable: false,
  labelWidth: 65,
  labelAlign: 'right',
  fieldLabel: '日期',
  width: 180,
  format: 'Y-m-d',
  listeners: {
  render: function (ee) {
   ee.setValue(Ext.Date.parse(Ext.Date.format(new Date(), 'Y-m') + "-01", 'Y-m-d'));
  }
  }
 },
 {
  xtype: 'checkbox',
  id: 'isWholeMonth',
  hideLabels: true,
  boxLabel: '全月',
  checked: false,
  listeners: {
  change: function (cb, newValue, oldValue, obj) {
   var theMonth = Ext.getCmp("theDate");
   theMonth.setDisabled(newValue);
  }
  }
 }, 
 '->',
 {
  xtype: 'splitbutton',
  text: '查询',
  width: 70,
  handler: function () {
  btnOKClick();
  },
  menu: [
   {
    icon: '../Public/Images/excel.png',
    text: '导出到Excel',
    handler: function () {
    ExportToExcel();
    }
   }
  ]
 },
 ' ',
 ' '
 );

将前端日期数据传递到后台：

var timeBegin = Ext.getCmp('theDate').getValue();
var check = Ext.getCmp('isWholeMonth').getValue();
Ext.Ajax.request({
   url: "EquipmentEnergyInfo.aspx?method=GetOneEquipmentParam",
   method: 'POST',
   params: {
    ariId: theId,
    typeAriId: tootSelected,
    timeBegin: Ext.Date.format(timeBegin, 'Y-m-d'),
    check: check,
   }
   });

后端接受：

string time = Request["timeBegin"];

英文日期格式数据库的日期格式转换

JS 字符串转日期格式日期格式化字符串

相关视频：

前端开发规范手册

热心网友时间：2022-05-14 18:33

在extjs开发中几个经常会遇到日期格式的转化，怎样将后台获取到的日期字符串转化为自己需要的格式呢？我在这里用user的创建日期获取为例！如后台取的日期值是1418971992000，转化后为：2014-12-19 14:53:12

//用户模型model

Ext.define('User', {

extend: 'Ext.data.Model',

fields: [

{name: 'userId', type: 'string'},

{name: 'loginName', type: 'string'},

{name: 'enName', type: 'string'},

{name: 'realName', type: 'string'},

{name: 'telephone', type: 'string'},

{name: 'email', type: 'string'},

{name: 'qq', type: 'string'},

{name: 'address', type: 'string'},

{name: 'createTime',type: 'string',convert:function(value){

var createTime = Ext.Date.format(new Date(value),"Y-m-d H:i:s");

return createTime;

}

},

{name: 'statusFlag', type: 'string'}

] });