JS Disable Dates

by SINGHVIBHUTI

HTML

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  
</head>
<body>
 <h4>
 Example of Un available Dates in date selector
 </h4>
<p>Date: <input type="text" id="iDate"></p>
 
 
</body>
</html>

JavaScript

var unavailableDates = ["28-8-2024", "3-8-2024", "30-8-2024"];

        function unavailable(date) {
            dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
            if ($.inArray(dmy, unavailableDates) == -1) {
                return [true, "", "Available"];
            } else {
                return [false, "", "unAvailable"];
            }
        }

        $(function () {
            $("#iDate").datepicker({
                dateFormat: 'dd MM yy',
                beforeShowDay: unavailable
            });

        });