In this short lesson we look at how to create a Bootstrap styled form allowing the user to enter two dates. We then calculate the time difference between the two dates.

STEP 1

We will design the HTML form first:

STEP 2

We now need to add an action and method to our form.

We could process the form on the same page or send the data to a processing script.

In this case I will send my data to a processing script called processDates.php

Line 10 has been updated to reflect this.

STEP 3

We now need to create the processDates.php script.

Line 2: we check if 2 dates have been entered. Note that we should be doing more sanitization checks for a live server. You will need to amend the script depending on your individual requirements.

Lines 3 and 4: we create new DateTime objects from the supplied dates.

Line 5: we can now calculate the difference between the two dates

Line 6: a message specifying the number of days between the two dates. Note that the entered dates have been given a format of d-m-Y representing day-month-year e.g. 27-04-2016. You can change this format to suit your own requirements and date format for your own country.

Line 7: an error message displayed if 2 dates are not supplied. This is part of the IF ELSE block (line 2).