<div id="datepicker"></div> <div id="showdates"></div> <button id="save">save</button> <button id="restore">restore</button> <button id="clear">clear</button> <script src="https://code.jquery.com/jquery-3.6.3.js"></script> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
const save = document.getElementById("save"); const restore = document.getElementById("restore"); const clear = document.getElementById("clear"); const showdates = document.getElementById("showdates"); const select = document.getElementsByClassName(".ui-datepicker-calendar tbody td a.ui-state-active"); $("#showdates").datepicker({ dateFormat: "dd-mm-yy", duration: "fast", }); save.addEventListener("click", function () { $("#showdates").datepicker({ dateFormat: "yy-mm-dd", }); //get date in a variable var date = $("#showdates").datepicker("getDate"); var formatDate = $.datepicker.formatDate("yy-mm-dd", date); if (formatDate !== null) { localStorage.setItem(formatDate, formatDate); } const value = localStorage.getItem(formatDate); showdates.innerHTML += `Date: ${value}<br />`; }); restore.addEventListener("click", function () { for (let i = 0; i < localStorage.length; i++) { const formatDate = localStorage.key(i); const value = localStorage.getItem(formatDate); showdates.innerHTML += `Date: ${value}<br />`; } }); clear.addEventListener("click", function () { for (let i = 0; i < localStorage.length; i++) { const formatDate = localStorage.key(i); localStorage.clear(formatDate); const value = localStorage.getItem(formatDate); showdates.innerHTML += `Date: ${value}<br />`; if (value == null) { showdates.innerHTML = "Cleared"; } } });
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)