New features Apply a Theme In Line Events From To Button Panel Week Numbers Date and Time Misc

Populate an alternate field

Populate an alternate field (Webplus edit box) with its own date format whenever a date is selected  with datepicker.

This feature could be used to present a human-friendly date for user selection, while passing a more computer-friendly date through for further processing.


Copy this script and paste it  into <!--Page  Start-->.

Use Alt-S or right click>Attach HTML

This is the basic script. You can still add any or all the options that are listed on the New Features page










Change ID’s if required.

Datepicker ID = dates

Edit box  ID     = alternate

Select date and time Select date and time

<script>

$(function() {

 $( "#dates" ).datepicker({

 altField: "#alternate",

 altFormat: "DD, d MM, yy"

 });

});

</script>

A closer look at date restriction

This example shows minDate and maxDate being used to allow only a small window of selectable dates.  The settings are always from today’s date and are:

Minus 20 days and plus one month and ten days.


Try it out with this datepicker


Copy this script and paste it  into <!--Page  Start-->.

Use Alt-S or right click>Attach HTML

This is the basic script. You can still add any or all the options that are listed on the New Features page











Change ID if required.

Datepicker ID = restrict


<script>

$(function() {

 $( "#restrict" ).datepicker({

  minDate: "-20D",

  maxDate: "+1M +10D"

  });

});

</script>


Alternate field

Miscellaneous applications