View Full Version : Date picker

27 Aug 2012, 5:30 AM
file:///Users/madhumita/Library/Caches/TemporaryItems/moz-screenshot.pngfile:///Users/madhumita/Library/Caches/TemporaryItems/moz-screenshot-1.pngfile:///Users/madhumita/Library/Caches/TemporaryItems/moz-screenshot-2.pngCan any one please help me to get the the selected calender value inside the drop down using Ext js

Thanks in advance.

27 Aug 2012, 5:40 AM
Can we get more information? Are you looking for a DatePicker?


27 Aug 2012, 6:16 AM
I want only the date picker to appear without the text box.
So after clicking on the date i.e 27/08/2012
Then the drop down must be populated accordingly i.e first dropdown august
second drop down 27 and the text box must have 2012.

27 Aug 2012, 11:55 AM
You'll want to add a "select" listener to your datepicker. You can then use the Ext.Date.format method to pull each value out of the date that is selected and then populate your individual fields. Something like this:

xtype: 'datepicker',
listeners: {
select: function(picker, date) {
var month = Ext.Date.format(date, 'F'),
day = Ext.Date.format(date, 'j'),
year = Ext.Date.format(date, 'Y');

//*** populate your fields with month, day, year

27 Aug 2012, 8:48 PM
I need the Date picker to be appear as an icon so that after clicking the icon it will show the calendar to choose the value.

28 Aug 2012, 4:54 AM
You can create an icon with a click listener that creates a floating datepicker on the screen just below the icon.