Bootstrap Datepicker

DataPicker javascript toevoegen : http://www.eyecon.ro/bootstrap-datepicker/

Bij het laden van de pagina, datepicker koppelen aan item op pagina. In dit geval de glyphicon “kalender”

$("#dp1").datepicker("setValue", vandaag) // default datum vandaag .on("changeDate", function (ev) { // bij veranderen datum, tekstveld aanpassen met de gekozen datum $("#txt_start").val($('#dp1').data('date')); // datepicker verbergen $("#dp1").datepicker('hide'); });

 

HTML

 <div class="form-group">
     <label for="inputfield2" class="col-sm-2 control-label">Datum</label>
     <div class="col-sm-10 controls">
         <div class="input-group">
            <span class="input-group-addon"><span id="spandatum" data-date-format="dd-mm-yyyy" data-date="" class="glyphicon glyphicon-calendar"></span></span>
                                <input type="text" class="form-control" id="inputfield2" placeholder="dd/mm/yyyy">
          </div>
      </div>
</div>

Resultaat

boot-datepicker

Categories: ,

Related Article