Hello,
I am using WWB Ver 17.x and I am trying out stuff with the date picker. I am using the "jQuery UI - Flexible" in a form that contains a textEdit or a text box in the same form . I do not understand how I can interact with the date picker since there is no event property tab? I would like to change the content of the textEdit based on the date picked by the user. Is it possible to achieve that?
Thank you.
Interacting with jQuery date picker
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Re: Interacting with jQuery date picker
jQuery Date Picker is a third party script, you can find more information about it here:
https://api.jqueryui.com/datepicker/
https://api.jqueryui.com/datepicker/
Re: Interacting with jQuery date picker
Instead of using flexible use overlay. Make it the same size as your other form elements. This will show as an editbox which you can use just like any other editbox. If there is something else you want to do with it, post back.
Joe
Joe
If it wasn't for bad luck, I'd have no luck at all.
Re: Interacting with jQuery date picker
Thank you all for your replies.
@Joe_120, your idea is good, however I need the information to be populated in a text box to create some complex url dynamically based on the date.
I have found the solution; in the property box of the date picker, under "custom options ----> options" , I just added the following line:
onSelect: function(dateText){ txtDate.value = dateText; }
dateText being the selected date
and
txtDate being the name of the text box in the form.
I hope this will help users in the future.
Thanks
@Joe_120, your idea is good, however I need the information to be populated in a text box to create some complex url dynamically based on the date.
I have found the solution; in the property box of the date picker, under "custom options ----> options" , I just added the following line:
onSelect: function(dateText){ txtDate.value = dateText; }
dateText being the selected date
and
txtDate being the name of the text box in the form.
I hope this will help users in the future.
Thanks