# Help adding a popup Calendar field to my php reservation form

**URL:** <https://forum.kirupa.com/t/help-adding-a-popup-calendar-field-to-my-php-reservation-form/202031>\
**Category:** programming\
**Created:** [September 27, 2006, 5:06am UTC](https://forum.kirupa.com/t/help-adding-a-popup-calendar-field-to-my-php-reservation-form/202031 "2006-09-27T05:06:48Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![insultcomidog](https://avatars.discourse-cdn.com/v4/letter/i/ac91a4/32.png) [@insultcomidog](https://forum.kirupa.com/u/insultcomidog)\
**Post date:** [September 27, 2006, 5:06am UTC](https://forum.kirupa.com/t/help-adding-a-popup-calendar-field-to-my-php-reservation-form/202031/1 "2006-09-27T05:06:48Z")

</div>

I’m trying to build a reservation form for a client:  
[http://www.skjohn.com/sites/airjet/form.php](http://www.skjohn.com/sites/airjet/form.php)

I would like to implement a dynamic date selector, which adds a popup Calendar field to the form when a user wants to enter a departure/arrival date. It would look exactly like this:  
[http://www.dynamicdrive.com/dynamicindex7/jasoncalendar.htm](http://www.dynamicdrive.com/dynamicindex7/jasoncalendar.htm)

I’m not a developer, so I’m a little lost when it comes to php and javascript. Any help would be much appreciated.

Here’s the php code for the form I want the calender popup to apply to:

```php
<input type="text" name="Date_of_Outgoing_Flight" value="<?php print HtmlSpecialChars( $HTTP_POST_VARS["Date_of_Outgoing_Flight"] ); ?>" class='text_box'>

```

And some how I have to apply this javascript, which should enter the date info from the calender in the desired place in my form above:

This is my section:

```auto
<script type="text/javascript" src="calendarDateInput.js">
/ ***********************************************
* Jason's Date Input Calendar- By Jason Moon [http://calendar.moonscript.com/dateinput.cfm](http://calendar.moonscript.com/dateinput.cfm)
* Script featured on and available at [http://www.dynamicdrive.com](http://www.dynamicdrive.com)
* Keep this notice intact for use.
*********************************************** /
</script>

```

And this goes some where in the body…but I can’t figure out how to apply it.

```auto
<script>DateInput('orderdate', true, 'DD-MON-YYYY')</script>

```

I’ve attached my php form and the external .js file for the popup calender.