W Internecie jest dużo bibliotek, które umożliwiają osadzenie kalendarza na swojej stronie. Można umieścić kalendarz z użyciem JQuery, Bootstrap itd. W tym temacie skupię się na JQuery, ale UI.
Aby mieć taki kalendarz, należy przejść na stronę JQuery UI i pobrać bibliotekę https://jqueryui.com/download/. Zanim pobierzemy, możemy wybrać, czy wszystko chcemy pobrać, czy tylko te elementy, które chcemy. Po pobraniu i rozpakowaniu, umieszczamy w dowolnym folderze. Może być folder o nazwie js, bo JQuery jest napisany w JavaScript. I w dowolnym edytorze, dodajemy na górze ścieżki do plików jquery-ui.js i jquery-ui.css
<script src="js/jquery-ui.js"></script>
<link rel="stylesheet" href="css/jquery-ui.css" type="text/css" />
Teraz w dokumencie index.html, tworzymy div z klasą lub z id, aby można było zobaczyć kalendarz Jquery UI.
Ja nazwałem <div class="calendar"></div>.
Jeżeli mamy działający kalendarz, to aby spolszczyć, wystarczy napisać taki kod, który jest na poniższym zdjęciu:
I efektem końcowym jest oto taki wygląd:
Na zakończenie, można na dwa sposoby zmienić wygląd kalendarza. Pierwszy to modyfikacja stylu, który jest w pliku jquery-ui.css lub wybrać drugą metodę, czyli przejść do strony themes (ta sama strona jquery UI), wybrać motyw,skórkę i jak będzie trzeba, to zmienić kolory a następnie pobrać.
Zaznaczę, że ręczna zmiana wyglądu a co za tym idzie zmiana szerokości, obrabowań, tło, tekst itd, jest czasochłonna, chyba, że znamy nazw klas, wtedy to zajmuje kilka minut.
Zaznaczę, że ręczna zmiana wyglądu a co za tym idzie zmiana szerokości, obrabowań, tło, tekst itd, jest czasochłonna, chyba, że znamy nazw klas, wtedy to zajmuje kilka minut.