TUTORIAL

JQuery

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

22-07-2020 17:45:47 BY Alfikri Read 300x 1 min read

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>Documenttitle>
  <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...


About author

Alfikri

Saya seorang web developer. Saya sangat suka tantangan untuk mempelejari hal-hal baru dalam dunia pemograman.



Comments

Scroll to Top