Skip to main content

Input Calendario

Documentazione ed esempi per aggiungere calendari per la selezione di giorni dell’anno

Il datepicker utilizza un plugin Javascript di terze parti, “Accessible Bootstrap Date Picker”. Per maggiori informazioni è possibile consultarne la documentazione completa.

Abilitazione del Datepicker

Per inizializzare il plugin, utilizzare il seguente script:

$(document).ready(function() {
    $('.it-date-datepicker').datepicker({
      inputFormat: ["dd/MM/yyyy"],
      outputFormat: 'dd/MM/yyyy',
    });
});

Esempi

Clicca sull’icona per visualizzare il datepicker.

<div class="it-datepicker-wrapper">
  <div class="form-group">
    <input class="form-control it-date-datepicker" id="date1" type="text" placeholder="inserisci la data in formato gg/mm/aaaa">
    <label for="date1">Date label</label>
  </div>
</div>

Versione scura

Per utilizzare il Datepicker in versione scura, aggiungere la classe .theme-dark al div .it-datepicker-wrapper.

Clicca sull’icona per visualizzare il datepicker.

<div class="it-datepicker-wrapper theme-dark">
  <div class="form-group">
    <input class="form-control it-date-datepicker" id="date2" type="text" placeholder="inserisci la data in formato gg/mm/aaaa">
    <label for="date2">Date label</label>
  </div>
</div>

Questo sito utilizza cookie tecnici, analytics e di terze parti.
Proseguendo nella navigazione accetti l’utilizzo dei cookie.

Privacy policy