Date Picker

[zquirm]

I'd like to use your date picker b/c it seems much more lightweight than YUI's calendar. Can you use that outside of the Grid? If so, how?

thanks.

[jack.slocum]

There are no examples of using it outside of the grid yet. When the forms stuff is finished there will be some examples of using it.

[pomata]

Any Idea when this is going to happen?

ta

Pomata

[ciduarte]

I have already used it outside of a form/grid like this...

datePicker = new Ext.DatePicker();
datePicker.render(Ext.get('calendar'));

[alanwilliamson]

I got this far also, but i am finding it difficult to find a 'clean' way to have the DatePicker popup above the current elements.

I suspect i need to create a layer dynamically, and then place it inside that particular layer.

Would that be correct?

[alanwilliamson]

Here is what i hacked together for this:

<div id="datepicker" style="z-index: 9999; position:absolute;"></div>

// calls this function logic:

var divTag = Ext.get('datepicker');
var anchor = Ext.get( 'anchorDiv' );
			
divTag.setX( anchor.getX() );
divTag.setY( anchor.getY() );
			
datepicker.render( divTag );
datepicker.show();

This pops up the date picker and allows us to now display near the form in question.

[alanwilliamson]

Okay now my next problem is closing/cancelling the DatePicker; how can i do this cleanly?

The user has to click a date to close it down, otherwise it stays up forever!

Thoughts?

[august]

Okay now my next problem is closing/cancelling the DatePicker; how can i do this cleanly?

The user has to click a date to close it down, otherwise it stays up forever!

Thoughts?

Anyone answer this question?i also want to use datepicker with my own button and anyone can show me the way? thanks in advance!

[abbasali]

Sorry to bump this thread. I am also facing the same issue of datepicker staying up forever and need a solution to close it down either with a button (on picker itself) or when the user clicks away.

[zurik44]

var datepickeractive = 0;
function selectDate(){
	var datepicker = new Ext.DatePicker();
	if(datepickeractive == 0){
		datepicker.render('dateholder');
		datepickeractive=1;
	} else {
		Ext.get('dateholder').dom.innerHTML='';		
		datepickeractive=0;
	}
}