Welcome Guest, Not a member yet? Register   Sign In
Change a field from drop-down to calendar
#1

(This post was last modified: 09-10-2016, 08:45 AM by Gagan.)

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.

Attached Files Thumbnail(s)
       
Reply
#2

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.
Reply
#3

(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
Reply
#4

It will. The jQuery datepicker accepts a minDate() and a maxDate() setting.
Reply




Theme © iAndrew 2016 - Forum software by © MyBB