Example 142: Using a Popup Calendar to Select a Date

Description:   This WebSmart PHP example demonstrates how to add a calendar to perform a date lookup.

  1. Select the 'Simple Page' template.


  2. Choose all creation wizard defaults.


  3. Create two global variables. The $mydate variable will hold the selected date.
    4. global $mydate, $mydate_calpos;
  4. In your HTML, add a textbox to display the selected date.


    5. <form>
    <input type="text" name="$mydate" size="10" readonly>
    </form>                                     
                      
    Note:
    To prevent users from modifying dates without clicking on the calendar lookup, 
    add the 'readonly' property to the textbox.
  5. To add the calendar lookup:
    • Position your cursor to the right of the textbox field(after the '>' closing tag).
    • Right click and from the popup menu select 'Insert - Calendar Lookup'.
    • Select the datefield by clicking on the '...'. In this case select the $mydate variable created in step 3.
    • Select the date format by clicking on the dropdown box and choosing the desired format.


  6. Generate and try your program.

Program Definition:   calend.phw

Rate This Example

Did this knowledge base article help you to achieve your goal?  Yes  No  Don't Know

Enter additional comments below.   If you want to hear back from us, include your contact information.