CodeIgniter Forums

Full Version: Change a field from drop-down to calendar
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello guys,

I'm having a form in which there are two field Date of Birth and Date of Retirement (which are drop-down field) :-
(I'm having an option to fix the date of birth and date of retirement  field {Start date and end date} from admin panel)

Date of Birth:



PHP Code:
<div class="row-form">
 
             <div class="span3">Date Of Birth<font color="#FF0000">*</font></div>
 
             <div class="span9">
 
                 <?php
               
// Start date
 
                $date $dob_start_date;
 
                // End date
 
                $end_date $dob_end_date;
 
                ?>
                 <select name="dob" id="dob" required>
                 <?php
                 
while (strtotime($date) <= strtotime($end_date)) {
 
                    ?>
                <option value="<?=$date?><?php if($dob==$date){ echo "selected";}?>><?=date("d-m-Y"strtotime($date));?></option>
                <?php
                 $date 
date ("Y-m-d"strtotime("+1 day"strtotime($date)));
 
                }
 
             ?>
              </select>
              </div>
<div class="clear"></div>

            </div> 



Date of Retirement


PHP Code:
<div class="row-form">
 
             <div class="span3">Date Of <?php if($user_type=='S'){ echo $emp_type;}else{ echo $_REQUEST['element_11'];}?><font color="#FF0000">*</font></div>
              <div class="span9">
                 <?php
               
// Start date
 
                $date1 $dor_start_date;
 
                // End date
 
                $end_date1 $dor_end_date;
 
                ?>
                 <select name="dor" id="dor" required>
                 <?php
                 
while (strtotime($date1) <= strtotime($end_date1)) {
 
                    ?>
                <option value="<?=$date1?><?php if($dor==$date1){ echo "selected";}?>><?=date("d-m-Y"strtotime($date1));?></option>
                <?php
                 $date1 
date ("Y-m-d"strtotime("+1 day"strtotime($date1)));
 
                }
 
             ?>
              </select>
              </div>
              <em style="margin-left:260px">( eg: enter date in mentioned format DD-MM-YYYY )</em>
              <div class="clear"></div>
            </div>
            <div class="row-form">
              <div class="span3"><?php if($user_type=='S'){ echo $emp_type;}else{ echo $_REQUEST['element_11'];}?> from the Office of<font color="#FF0000">*</font></div>
              <div class="span9">
                <select name="location" id="location" required <?=$readonly;?>>
                <option value="">--Select Location--</option>
                <?php foreach ($get_locations as $get_locations_list): ?>
                <option value="<?=$get_locations_list['id'];?><?php if($get_locations_list['id']==$location){ echo "selected";}?>><?=$get_locations_list['location'];?></option>
                <?php endforeach ?>
                </select>
              </div>
              <div class="clear"></div>
            </div> 




I want to change these fields to calendar. Please help me guys how to change this. Attached  herewith two pics showing position explained above.
I think you should look for a "Datepicker" javascript. There's one in jQuery UI's library.
Check this: https://jqueryui.com/datepicker/
A tip for posting blocks of code: use the Code or PHP-code buttons on the toolbar of this forum's text-editor.
(09-10-2016, 08:39 AM)Wouter60 Wrote: [ -> ]I think you should look for a "Datepicker" javascript. There's one in jQuery UI's library.
Check this: https://jqueryui.com/datepicker/
A tip for posting blocks of code: use the Code or PHP-code buttons on the toolbar of this forum's text-editor.

Thanks buddy, edited the form.

If we use date picker option will it use the start and end dates as defined in the admin panel
It will. The jQuery datepicker accepts a minDate() and a maxDate() setting.