Datepicker

Datepicker

Pubblicato il 26/05/2023

Datepicker

Datepicker è una libreria css e jquery che permette di collegare un calendario ad un campo input, utilissima per la creazione di form dove la formattazione della data è importante. Utilizzandola possiamo fare in modo che l'utente non inserisca date in un formato diverso da quello che ci aspettiamo. Di seguito puoi scaricare il file necessari e importarli sul tuo sito

DOWNLOAD CSS

DOWNLOAD JS

DOWNLOAD JS-IT


Personalmente utilizzo queste impostazioni di base, però si possono modificare in base alle esigenze.


//  DATAPICKER OPTION
$(function(){
  "use strict";
  $('.datepicker').datepicker({
    format: 'dd/mm/yyyy',
    weekStart : '1',
    autoclose: true,
    todayHighlight : true,
    todayBtn : 'linked',
    language: 'it',
    dayNames: [ "Domenica", "Lunedi", "Martedi", "Mercoledi", "Giovedi", "Venerdi", "Sabato" ],
    dayNamesMin: [ "Do", "Lu", "Ma", "Me", "Gi", "Ve", "Sa" ],
    monthNames: [ "Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre" ],
    monthNamesShort: [ "Gen", "Feb", "Mar", "Apr", "Mag", "Giu", "Lug", "Ago", "Set", "Ott", "Nov", "Dic" ],
    days: ["Domenica", "Lunedì", "Martedì", "Mercoledì", "Giovedì", "Venerdì", "Sabato", "Domenica"],
    daysShort: ["Dom", "Lun", "Mar", "Mer", "Gio", "Ven", "Sab", "Dom"],
    daysMin: ["Do", "Lu", "Ma", "Me", "Gi", "Ve", "Sa", "Do"],
    months: ["Gennaio", "Febbraio", "Marzo", "Aprile", "Maggio", "Giugno", "Luglio", "Agosto", "Settembre", "Ottobre", "Novembre", "Dicembre"],
    monthsShort: ["Gen", "Feb", "Mar", "Apr", "Mag", "Giu", "Lug", "Ago", "Set", "Ott", "Nov", "Dic"],
    today: "Oggi",
    clear: "Cancella",
  });
});

Categoria: jQuery Javascript Script

Condividi sui Social: