Jumat, 26 September 2025

JS Enable Tanggal YAD

 <form action="" method="post" enctype="multipart/form-data">
    <table class="table">
        <tr>
            <td><label for="tanggal_perawatan">Tanggal Perawatan</label></td>
            <td>:</td>
            <td width="683">
                <input style="width: 350px" required name="tanggal_perawatan" class="form-control" type="date" id="tanggal_perawatan" value="<?php echo $tanggal_perawatan; ?>" size="25" />
            </td>
        </tr>
    </table>
</form>

<script>
    // Dapatkan elemen input tanggal
    const inputTanggal = document.getElementById('tanggal_perawatan');

    // Buat objek tanggal hari ini
    const hariIni = new Date();
    
    // Tambahkan 1 hari ke tanggal hari ini
    hariIni.setDate(hariIni.getDate() + 1);

    // Format tanggal besok menjadi 'YYYY-MM-DD'
    const tahun = hariIni.getFullYear();
    const bulan = (hariIni.getMonth() + 1).toString().padStart(2, '0');
    const tanggal = hariIni.getDate().toString().padStart(2, '0');

    // Tanggal minimal diatur ke tanggal besok
    const tanggalMinimal = `${tahun}-${bulan}-${tanggal}`;

    // Set atribut 'min' pada input tanggal
    inputTanggal.setAttribute('min', tanggalMinimal);
</script>




Jika tanggal hari ini tetap enabled:

<script>
    // Dapatkan elemen input tanggal berdasarkan ID
    const inputTanggal = document.getElementById('tanggal_perawatan');

    // Buat objek tanggal hari ini
    const hariIni = new Date();

    // Format tanggal menjadi 'YYYY-MM-DD' yang dibutuhkan oleh input date
    const tahun = hariIni.getFullYear();
    const bulan = (hariIni.getMonth() + 1).toString().padStart(2, '0');
    const tanggal = hariIni.getDate().toString().padStart(2, '0');

    const tanggalMinimal = `${tahun}-${bulan}-${tanggal}`;

    // Set atribut 'min' pada input tanggal untuk membatasi tanggal yang bisa dipilih
    inputTanggal.setAttribute('min', tanggalMinimal);
</script>









Tidak ada komentar:

Posting Komentar

Sweet Alert

Download library weetalert.min.js, letakkan dalam satu folder sejajar index !  https://drive.google.com/drive/folders/1uXhLjQv998HlVhtzObOPC...