Ext.PDate [4] (Extjs persian date) with date picker and date field

[labafian]

Hy
I create Ext.PDate with date picker and date field for persian date in Ext 4.
this is good example for full support I18n in date


Update 30 Nov 2011

update for Ext 4.0.7 and fix some bug. now in github

https://github.com/vahid-sohrabloo/Ext.Pdate

Hey Vahid
thanks for creat persian date, but can i use this file (pdate.js) for gantt chart component vaer 1.2.2 extjs ??
thanks for answer my question
regard, mojtaba

[vahid4134]

Hi mojtaba .
Yes You can use this for any component that use Ext.Date. But you must change code for compatibily.
I use Ext.PDate for Extensible 1.5 . but change some code for compatibility with pdate

[masoud_tamizy]

why does it returns date , like "2000-01-05" in datefield ?
i need persian date !!!

[vahid4134]

Hi
please give me source code

[masoud_tamizy]

Hi
please give me source code

hi , this is a row of a grid(row-edit) :

{	dataIndex:'birth_date',
			text:'تاريخ  تولذ',
			width: 75,
			align:'right',
			hidden:true,
			renderer : Ext.util.Format.dateRenderer('Y/m/d'),
			editor: {xtype:'pdatefield' ,format: 'Y/m/d' ,allowBlank: true ,selectOnFocus:true ,maxLength:10 ,enforceMaxLength:true ,maxValue: new Date()}

[vahid4134]

You use Ext.util.Format.dateRenderer('Y/m/d') and this not retun Persian date. you can user custom renderer function and on this function use Ext.PDate.format

[masoud_tamizy]

i don't know how can i implement a custom datarenderer . i'm begineer in EXt ! if you can , plz help me

[vahid4134]

Like this

{   dataIndex:'birth_date',
            text:'تاريخ  تولذ',
            width: 75,
            align:'right',
            hidden:true,
            renderer : function(v)
                        {
                               return Ext.PDate.format("Y/m/d",v);
                        },
            editor: {xtype:'pdatefield' ,format: 'Y/m/d' ,allowBlank: true ,selectOnFocus:true ,maxLength:10 ,enforceMaxLength:true ,maxValue: new Date()}

Sorry I dont test this code

[masoud_tamizy]

thanks , but i test it and didn't work ! i don't know how can i do it , if you can help me

[vahid4134]

{   dataIndex:'birth_date',
            text:'تاريخ  تولذ',
            width: 75,
            align:'right',
            hidden:true,
            renderer : function(v)
                        {
                               if(v && Ext.isDate(v)){
                                   return Ext.PDate.format(v, "Y/m/d");
                               }
                               return v;
                        },
            editor: {xtype:'pdatefield' ,format: 'Y/m/d' ,allowBlank: true ,selectOnFocus:true ,maxLength:10 ,enforceMaxLength:true ,maxValue: new Date()}