Geburtsdatum Feldwechsel von Drop-Down zu Kalender

Question

Wir haben ein Formular in codenigniter in dem es ein Feld von Geburtsdatum (dieses Feld ist ein Drop-Down-Feld ab sofort und wir haben eine Option Ändern Sie den Bereich (Startdatum und Enddatum) dieses Felds in unserem Admin-Panel. Auf diese Weise müssen wir die .php-Datei nicht ändern.

Geburtsdatum Code in der Php-Datei:

<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> 

Wir wollen dieses Geburtsdatum Feld von Dropdown-Kalender ändern. Bitte helfen Sie mir Jungs, wie Sie dieses Feld von Drop-Down zu Kalender ändern können.

Wir wechseln häufig den DOB-Bereich. Es ist einfach, den DOB-Bereich vom Admin-Panel zu ändern. Aber das Bearbeiten der Datei .php ist schwierig. In unserem Formular gibt es 7 weitere Felder wie diese, und alle Datumsfelder sind im Admin-Bereich einstellbar. Wir möchten die .php-Dateien nicht häufig bearbeiten.

Answer 1

Das mit Datepicker getan werden kann:

Arbeitsbeispiel: https://jsfiddle.net/Twisty/527zbs4s/

HTML

<div class="row-form"> 
    <div class="span3">Date Of Birth<font color="#FF0000">*</font></div> 
    <div class="span9"> 
    <input name="dob" id="dob" required type="text" value=""> 
    </div> 
    <div class="clear"></div> 
</div> 

jQuery

$(function() { 
    $("#dob").datepicker({ 
    dateFormat: 'yy-mm-dd', 
    defaultDate: '-18y' 
    }); 
}); 

Eine einfache Möglichkeit besteht darin, den Wert mit einzustellen. Sie können auch defaultDate ein Date-Objekt von JS passieren (das mit einer Datumszeichenfolge von PHP eingespeist werden könnte), eine Anzahl der Tage von heute (2 oder 1), oder ein String wie ‚-18y‘ oder ‚+ 1 m‘ ... Es gibt viele weitere Möglichkeiten, dies zu verbessern: http://api.jqueryui.com/datepicker/