You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Display Calendar onReady Created May 7, 2010

This thread is solved

Views: 3965     Replies: 16     Last reply Dec 6, 2011  
You must login first before you can use this feature

enminc
~Adam

Posts: 7

Registered:
May 7, 2010

Display Calendar onReady

Posted: May 7, 2010

As with the jquery.ui calendar is there a way to display the dateinput tools calendar on the page when ready and then hiding the input field at the same time.

If I can do this I can remove jquery.ui completely from my application and be 100% jquery.tools :)

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1867

Registered:
Nov 16, 2007

» Display Calendar onReady

Posted: May 7, 2010

Reply to: Display Calendar onReady, from enminc
and when user select's a date the calendar still stays visible? a sort of "static" calendar that is always there.

enminc
~Adam

Posts: 7

Registered:
May 7, 2010

Inline is how jQuery.ui refers to it

Posted: May 10, 2010

Reply to: » Display Calendar onReady, from tipiirai
Here is the jqui page demo.
http://jqueryui.com/demos/datepicker/#inline

This is used to allow the calendar to be used for other things beyond just date picking a single date for entry

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1867

Registered:
Nov 16, 2007

» Inline is how jQuery.ui refers to it

Posted: May 10, 2010

Reply to: Inline is how jQuery.ui refers to it, from enminc
ok. got it. what is your use case? trying to understand how useful this feature actually is.

enminc
~Adam

Posts: 7

Registered:
May 7, 2010

» » Inline is how jQuery.ui refers to it

Posted: May 10, 2010

Reply to: » Inline is how jQuery.ui refers to it, from tipiirai
For lack of a better example at the moment let say to mimic something like the iCal UI or to-do list. There would be a calendar on the screen where the user selection is then trapped and the date is then used for logical purposes but not to fill in a form.

The general "use case" I have now but have yet to develop would be on a users dashboard screen they have a calendar. If they click a date a overlay/modal screen is presented to either display events for that date or allow them to add event to that date.

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1867

Registered:
Nov 16, 2007

» » » Inline is how jQuery.ui refers to it

Posted: May 10, 2010

Reply to: » » Inline is how jQuery.ui refers to it, from enminc
ok. pretty much enough. I'll add this to the TODO list.

enminc
~Adam

Posts: 7

Registered:
May 7, 2010

» » » » Inline is how jQuery.ui refers to it

Posted: May 10, 2010

Reply to: » » » Inline is how jQuery.ui refers to it, from tipiirai
wow thanks. In the meantime would you guess that if I where to add date:input, then display:none, and then bind it click even to the onload of the page I would be able to get the calendar to display? Is there a better way to trigger the display?

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1867

Registered:
Nov 16, 2007

» » » » » Inline is how jQuery.ui refers to it

Posted: May 11, 2010

Reply to: » » » » Inline is how jQuery.ui refers to it, from enminc
currently there is no possibility to cancel the hiding action in dateinput. I'll add this to 1.2.1. Not sure but after that this should be possible like this (pseudocode):

* input = display:none
* calendar = onHide: function() { return false; }
* calendar = $(document).ready( calendarApi.show(); }

I may add an "autoload" flag or similar. let me see.

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1867

Registered:
Nov 16, 2007

» » » » Inline is how jQuery.ui refers to it

Posted: May 11, 2010

Reply to: » » » Inline is how jQuery.ui refers to it, from tipiirai
just released 1.2.1 with a new demo:

http://flowplayer.org/tools/demos/dateinput/static.html

maybe this is what you want.

enminc
~Adam

Posts: 7

Registered:
May 7, 2010

» » » » » Inline is how jQuery.ui refers to it

Posted: May 11, 2010

Reply to: » » » » Inline is how jQuery.ui refers to it, from tipiirai
Yes :) this is great. For my use case I will hide the input and center the calTitle and it will be exactly what I was looking for.

Your support has been amazing ... good bye jquery.ui

Thanks Again
Adam

elko

Posts: 6

Registered:
May 15, 2010

And what about a button prompting the calendar ?

Posted: May 15, 2010

Reply to: Display Calendar onReady, from enminc
I was wondering if another jQuery UI effect was possible. The one prompting the "datepicker" when a calendar icon is clicked (example).
I tried to achieve the result with
$("#calendar").click(function () {
	$("#date").dateinput({format: 'dddd , dd.mm.yyyy'});
	$(":date").data("dateinput").show();
})
This doesn't work, I probably misunderstood the API. Can anyone help me?

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1867

Registered:
Nov 16, 2007

» And what about a button prompting the calendar ?

Posted: May 16, 2010

Reply to: And what about a button prompting the calendar ?, from elko
here is a demo using this feature

http://flowplayer.org/tools/demos/dateinput/flight.html

elko

Posts: 6

Registered:
May 15, 2010

» » And what about a button prompting the calendar ?

Posted: May 16, 2010

Reply to: » And what about a button prompting the calendar ?, from tipiirai
Yeah, thanks a lot !

•