Attaching DatePicker to aTextField

[javachap]

Hi EveryOne,

I know this should be pretty Simple. But could not find that in forums.

How can i attach a DatePicker for an Input Text.

What i have is <input type="text" id="endDate" name="endDate"/>. And all i need to do is attach a DatePicker for this field.

Is there an easy way to do that ??

Thanks in Advance.
-Varma

[jack.slocum]

Ext.form.DateField?

[javachap]

Hi Jack,

Thanks for quick Response.

Ext.form.DateField is used to created a dynamic form field right ?? Correct me if i'm wrong. I'm new to Ext JS.

I want to attach the datepicker for the existing text field. As the text field is rendered via Struts.

Can you please provide some sample code or Link ??

Thanks,
Varma

[evant]

Not necessarily. Check out applyTo in the date field documentation.

http://extjs.com/deploy/ext/docs/output/Ext.form.DateField.html#applyTo

[javachap]

Ext.onReady(function(){
var myDateField = new Ext.form.DateField({
fieldLabel: 'Date of Birth',
name: 'dob',
width:190,
allowBlank:false
});

myDateField.appyTo(Ext.get('endDate'));
});


Tried with above code and No Luck :(

It will be great if anyone provide some example code ???

Thanks,
Varma

[javachap]

Okay it worked !!!



Ext.onReady(function(){
var myDateField = new Ext.form.DateField({
fieldLabel: 'Date of Birth',
name: 'dob',
width:190,
allowBlank:false
});

myDateField.applyTo(Ext.get('endDate'));
});



But it is altering the original text box Look and fell. I'm working on that.

Thank You !!