Unable to use autocomplete and calender feature simultaneouly.

[Ravi Golia, modificado hace 11 años.]

While creating form in liferay portal using calender along with autocomplete, it does not take place...

[Juhi Kumari, modificado hace 11 años.]

Hi Ravi,
Using AUI you can use auto-complete and calendar simultaneouly, like this,

AUI().ready('aui-autocomplete','aui-calendar', function(A) {
	
	 var states = [
	 	['AL', 'Alabama', 'The Heart of Dixie'],
		['AK', 'Alaska', 'The Land of the Midnight Sun'],
		['AZ', 'Arizona', 'The Grand Canyon State'],
		['AR', 'Arkansas', 'The Natural State'],
		['CA', 'California', 'The Golden State'],
		['CO', 'Colorado', 'The Mountain State'],
		['CT', 'Connecticut', 'The Constitution State']
	 ];
	 var autoComplete = new A.AutoComplete({
	 	contentBox : '#auto',
	 	dataSource : states,
	 	delimChar : ',',
	 	matchKey : 'name',
	 	typeAheaad : true,
	 	schema :{
	 		resultFields :['key','name', 'description']
	 	}
	 }).render();

       var calendar = new A.Calendar(
		{
			allowNone: false,
			dateFormat: '%d/%m/%y %A',
			dates: [ '09/14/2009', '09/15/2009' ],
			firstDayOfWeek: 1,
			maxDate: '09/25/2009',
			minDate: '09/05/2009',
			selectMultipleDates: true,
			setValue: true,
			showToday: false
		}
	)
	.render('#demo');

	

where demo and auto are the div id.

Regards
Juhi