So, if someone is interested in Date Pickup Calendar, here are the steps that work in WB11

1. Download the Calendar from www.dynarch.com/projects/calendar

2. Look at the examples provided, try and choose the skin you prefer, translate to your language, etc. so make a group of the necessary files.
calendar-xxxxx.css (xxxxx is the skin)
calendar.js (main)
calendar-yyy.js (yyy is the language code)
calendar-setup.js (for setup)

3. Install these into the "project_WEB" folder

4. Create a new WebDev page and go to the Description panel
- Advanced tab
- HTML tab
- HTML code added to page header
Insert the .css reference line, similar to this (Note to the right path !)
<link rel="stylesheet" type="text/css" media="all" href="/project_WEB/calendar-xxxxx.css">
- Javascript tab
- .js files added to the page
Add the .js files one by one from your porject_WEB library
calendar.js (main)
calendar-yyy.js (yyy is the language code)
calendar-setup.js (setup)

5. Create a date control field and a button (set to NO operation and any action)
for the example: date control field alias = A1, button alias = A2

6. Page code - "Load(onload) of PAGE_xxxx (browser)" - You can choose language...
- WL mode
JSMethod("Calendar","setup({inputField:'A1',button:'A2',ifFormat:'%Y.%m.%d'})")

- JS mode
Calendar.setup({inputField : "A1", button : "A2", ifFormat : "%Y.%m.%d"});

7. Test the page - this is a popup calendar

Note: more propertis are available - see the documentation - use it on "onload" code
it can works as a flat calendar, too - see the documentation

Thanks to Patrick

Keti

Hi,

I was about to publish a tutorial on how to use a calendar control in WebDev. Seeing this post, made me rush it. It is available now.

This tutorial shows how to use the jQuery datepicker control inside a WebDev project. It's quite easy and the source with all the needed files is provided.

http://ilikewd.free.fr/index.php…

--
pat

Hi Christian,

- If your project handles more than 1 language, does it appear in the current one?

In my example, the calendar displays french, because I've inserted the "ui.datepicker-fr" script. If you remove this file, the calendar will display the default language which is english. A lot of languages are vailable.

- Can you specify the resulting date format?
Actually I'm using a WebDev date control, so the format will be the one decided in the editor.

- Does it work with all browsers, especially Firefox?
Yes, at that is the great thing about jQuery? The library takes care of the browser compatibility.

- Can you dynamically protect dates, let say weekends or dates in the past?
For the date in the past, there is a minDate option (a maxdate option too). I've found nothing about protecting WE days. But I'm just reading the documentation.

http://docs.jquery.com/UI/Datepicker/datepicker

--
pat
http://ilikewd.free.fr