XDateField with configurable submitFormat

[Illiarian]

This may come in very late, but still.

Comment #37 (about IE not liking duplicate names) may solve the issue in comment #50 (about XDatePicker being rendered in top-left corner)

Miraculously, but it solved a similar problem for me

The problem suddenly resurfaced sometime later. In this case make sure that name and id are different! That is:

               {
                    xtype: 'xdatefield',
                    name: 'period_start',
                    //id: 'period_start', THIS CAUSED THE PROBLEM FROM COMMENT #50
                    format: 'd/m/Y',
                    submitFormat: 'Y-m-d'
                }

Oh, how I hate IE

[lacco]

The IE switch for the hiddenField in onRender is not at the correct place:

        this.hiddenField = this.el.insertSibling({
             tag:'input'
            ,type:'hidden'
            ,name:name
            ,value:this.formatHiddenDate(this.parseDate(this.value))
        // ----> inserted here
        }, Ext.isIE ? 'after' : 'before');
        this.hiddenName = name; // otherwise field is not found by BasicForm::findField
        this.el.dom.removeAttribute('name');
        this.el.on({
             keyup:{scope:this, fn:this.updateHidden}
            ,blur:{scope:this, fn:this.updateHidden}
        // ----> removed from here
        });

[jsakalos]

Thank you for the patch.

[realjax]

Hi, got a a problem when I use xdatefields in a composite field.
When using [basicform].getValues() either 'undefined' is returned, or '' when I set this as an initial value. A date is never returned.

Any clues?

Thanks in advance

EDIT: Please disregard the above, it's not true. ( It's early here, haven't had enough coffee yet.)

[rogerio.carrasqueira]

Hi Everybody!

I put the extension on my code, but the datefield when posts insists on send data as follow:

data{"fields.start_date":"2010-10-13T00:00:00"}

Pay attention that JSON field has a T between the date and time. How to remove it from there?

My code:

// A new generic date field
var datePicker = new Ext.ux.form.XDateField({
    format: 'd/m/Y', // Using the european date format
    submitFormat: 'Y/m/d',
    minValue: '{% now "d/m/Y" %}' // django implementation (it is ok)
})

Here where I show may date field, this is on a grid:

{header: "Data Início", width: 100, sortable: true, dataIndex: 'start_date', renderer: Ext.util.Format.dateRenderer("d/m/Y"), editor: datePicker},

The date picker is appearing nice and is selecting the date without any problem, but when the system post to the server it claims about the date formatting.

Thanks for your help.

Cheers,

[jsakalos]

Is it in grid? If so, there is no reason to use XDateTime as data is not submitted by a form but store itself sends data to server. Editor fields only provide use means to put data in the store, otherwise have nothing to do with submitting.

[SSzretter]

In Ext JS 4 I was able to add these configs to my date field and it worked fine for mysql back end:

format: 'm/d/Y',
altFormats: 'Y-m-d',
submitFormat: 'Y-m-d',