Date format in a textfield - date

Question

I have a textfield:
xtype: "fieldset",
items:[
{
xtype: "textfield",
name: "dateScanned",
label: "Datum",
disabled: true,
tpl: "{dateScanned:date('d/m/Y H:i')}" // <--- this dosn't work
}
]
My Store is:
fields: [
{ name: 'dateScanned', type: 'date', dateFormat: 'c' }
]
Why does the marked point not work?
How can I realize that the date is fomatted?

Answer 1

/*Override to allow textfields to format dates*/
Ext.override(Ext.field.Text, {
setValue: function (value) {
if (this.config.dateFormat && value) {
if (Ext.isDate(value)) {
value = Ext.Date.format(value, this.config.dateFormat);
}
else {
var d = new Date(value);
value = Ext.Date.format(d, this.config.dateFormat);
}
}
this.callSuper(arguments);
}
});

Answer 2

MyAppWhere do you insert that override up there?
If i add a new Text.js under app/field/Text.js and link it under require it doesn't work
SOLUTION
/*Override to allow textfields to format dates*/
Ext.define('MyApp.field.Text', {
override: 'Ext.field.Text',
setValue: function (value) {
if (this.config.dateFormat && value) {
if (Ext.isDate(value)) {
value = Ext.Date.format(value, this.config.dateFormat);
}
else {
var d = new Date(value);
value = Ext.Date.format(d, this.config.dateFormat);
}
}
this.callSuper(arguments);
}
});
You create a folder in your project Project/app/field/Text.js and put the code in
And then under requires add
requires: [
'MyApp.field.Text'
],

Answer 3

I have a solution:
dateFormat instead of tpl
xtype: "fieldset",
items:[
{
xtype: "datepickerfield",
name: "dateScanned",
label: "Datum",
disabled: true,
dateFormat: "d.m.Y H:i"
//tpl: "{dateScanned:date('d/m/Y H:i')}" // <--- this dosn't work
}
]
I don't know, but I believe to remember that it is important to set the double question marks.