bootstrap-datetime

 

Bootstrap Datetimepicker è un’ottima libreria basata su jQuery, Bootstrap e Moment.js che ci permette di implementare un campo input/calendario con cui selezionare data e/o orario.

Di seguito il codice HTML e JavaScript per l’implementazione:

 
<input type="text" class="form-control" id="datetime">
 
$('#datetime').datetimepicker({
    format: "DD-MM-YYYY",
    locale: 'it',
    widgetPositioning: {
        horizontal: 'left',
        vertical: 'bottom'
    }
});

Per recuperare il valore selezionato al verificarsi dell’evento change, il codice è il seguente:

 
$("#datetime").on("dp.change",function (e) {
    alert($('#datetime').val());
});

NO SPAM. Non fornirò la tua email a terzi e riceverai solo contenuti che ti interessano sugli argomenti che tratto e potrai cancellarti quando vuoi con un link che trovi in tutte le email.