PDA

View Full Version : Date picker



madhumita.254
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
3826838269

Thanks in advance.
file:///Users/madhumita/Library/Caches/TemporaryItems/moz-screenshot-4.pngfile:///Users/madhumita/Library/Caches/TemporaryItems/moz-screenshot-5.png

scottmartin
27 Aug 2012, 5:40 AM
Can we get more information? Are you looking for a DatePicker?
http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/form/adv-vtypes.html

Scott.

madhumita.254
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.

droessner
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
}
}

madhumita.254
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.

droessner
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.