Tutorial Menonaktifkan Hari Sabtu dan Minggu Pada Kalender Menggunakan HTML dan JQuery UI

HTMLJQueryJQueryUICalendar
Banner

Halo Klinik Coders...
Pada tutorial ini kita akan mempelajari bagaimana membuat menonaktifkan hari sabtu dan minggu pada kalender menggunakan JQuery UI.

Tahap#1 - Buat sebuah file index.html

Buat sebuah file index.html yang berisi code sebagai berikut :

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Documen</ttitle>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css">
</head>

<body>
  <input type="text" id="tanggal">
  <script src="https://code.jquery.com/jquery-3.5.1.min.js"
    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous">script>
  <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.min.js"
    integrity="sha256-eGE6blurk5sHj+rmkfsGYeKyZx3M4bG+ZlFyA7Kns7E=" crossorigin="anonymous">script>
  <script>
    $("#tanggal").datepicker({
      beforeShowDay: $.datepicker.noWeekends
    });
  </script>
</body>
</html>

Tahap#2 - Eksekusi

Jika sudah mengikuti langkah-langkah diatas dengan benar, maka akan tampil seperti gambar dibawah ini :

Sekian tutorial dari saya, mudah-mudahan bermanfaat dan bisa diaplikasikan di project teman-teman.

Let's Coding...

Saya adalah seorang Fullstack Web Developer. Saya sangat menyukai hal-hal baru di dunia teknologi

Traktir Saya
profile
ALFIKRI
Fullstack Web Developer