Javascript Ext JS格式数据到“文件”;“DD-MM-YYYY”;
使用Javascript Ext JS格式数据到“文件”;“DD-MM-YYYY”;,javascript,web,extjs,extjs4,Javascript,Web,Extjs,Extjs4,使用extjs4.2.3,我有了带有textfield的表单。我需要从存储到字段中获取值。尝试将数据格式化为所需格式时遇到问题。请求有关将数据格式化为DD-MM-YYYY的语法帮助 源中的数据:/Date(1417986000000)/ 尝试通过以下方式获取数据后: Form_window.query('textfield[name="DateField"]')[0].setValue(NewDATA_store.getAt(1).get('DateData')) 我得到的:2014年12月8
extjs4.2.3
,我有了带有textfield的表单。我需要从存储到字段中获取值。尝试将数据格式化为所需格式时遇到问题。请求有关将数据格式化为DD-MM-YYYY
的语法帮助
源中的数据:/Date(1417986000000)/
尝试通过以下方式获取数据后:
Form_window.query('textfield[name="DateField"]')[0].setValue(NewDATA_store.getAt(1).get('DateData'))
我得到的:2014年12月8日周一00:00:00 GMT+0300(RTZ 2(冬季))
我需要的结果:08.12.2014
尝试以下操作:
var inputDate = new Date('Mon Dec 08 2014 00:00:00 GMT+0300 (RTZ 2 (winter))');
var output = Ext.Date.format(inputDate, 'd.m.Y'); // will output: 08.12.2014
我使用ES6生成您的解决方案。let类似于var,但只获取声明let声明的上下文。有时是函数,有时是函数,如果。。。var声明获取其父函数的上下文。这意味着不尊重fors或ifs或其他只是功能。我提供的功能正在发挥作用
let formatDate = (param) => {
let day = param.getDate() < 10 ? '0' + param.getDate() : param.getDate();
let month = (param.getMonth()+1);
let year = param.getFullYear();
return day +"."+ month +"."+ year;
}
let date = new Date("Mon Dec 08 2014 00:00:00 GMT+0300 (RTZ 2 (winter))");
window.console.log(formatDate(date));
let formatDate=(param)=>{
let day=param.getDate()<10?'0'+param.getDate():param.getDate();
设月份=(参数getMonth()+1);
让year=param.getFullYear();
返回日+“+”月+“+”年;
}
let date=新日期(“2014年12月8日星期一00:00:00 GMT+0300(RTZ 2(冬季))”;
window.console.log(formatDate(日期));
在ExtJS可用的单例类中,您需要使用此方法
处理日期的一组有用的静态方法。注意,如果需要并加载,它会将所有方法/属性复制到此对象以方便使用
用法示例(请注意,必须使用“\”转义格式说明符,才能将其呈现为字符文字):
在这个中,我使用表单
,“textfield”和存储
创建了一个演示。我希望这将帮助你或指导你
Ext.create('Ext.data.Store', {
storeId: 'dateStore',
fields: [{
name: 'DateData',
type: 'date'
}],
data: [{
DateData: new Date()
}]
});
Ext.create('Ext.form.Panel', {
title: 'Simple Form',
bodyPadding: 5,
width: 350,
layout: 'anchor',
defaults: {
anchor: '100%'
},
// The fields
defaultType: 'textfield',
items: [{
fieldLabel: 'Today Date',
name: 'DateField',
readOnly: true
}],
renderTo: Ext.getBody(),
listeners: {
afterrender: function (form) {
var store = Ext.data.StoreManager.lookup('dateStore'),
date = store.getAt(0).get('DateData');
form.down('[name=DateField]').setValue(Ext.Date.format(date, 'd.m.Y'));
}
}
});
您有什么特别的理由使用textfield而不是datefield吗?如果该字段仅显示日期,请使用具有以下配置的日期字段:readOnly:true,格式:“d-m-Y”
Ext.create('Ext.data.Store', {
storeId: 'dateStore',
fields: [{
name: 'DateData',
type: 'date'
}],
data: [{
DateData: new Date()
}]
});
Ext.create('Ext.form.Panel', {
title: 'Simple Form',
bodyPadding: 5,
width: 350,
layout: 'anchor',
defaults: {
anchor: '100%'
},
// The fields
defaultType: 'textfield',
items: [{
fieldLabel: 'Today Date',
name: 'DateField',
readOnly: true
}],
renderTo: Ext.getBody(),
listeners: {
afterrender: function (form) {
var store = Ext.data.StoreManager.lookup('dateStore'),
date = store.getAt(0).get('DateData');
form.down('[name=DateField]').setValue(Ext.Date.format(date, 'd.m.Y'));
}
}
});