Cara Menambahkan Tanggal di jquery

Bagaiman Cara menampilkan tanggal 30 hari kedepan berdasarkan tanggal yang dipilih. Kasusnya seperti ini : Jika kita memilih tanggal 2024/11/20 (format : y/m/d) maka akan muncul 2024/12/20.

avatar jungulo
@jungulo

24 Kontribusi 2 Poin

Diperbarui 2 minggu yang lalu

1 Jawaban:

kalo gini gimana ? ?

        <input type="date" id="tanggalinput"> <br>
        <input type="text" id="tanggaloutput" readonly>

    <script>
        $(document).ready(function() {
            $('#tanggalinput').on('change', function() {
                var tanggalinput= new Date($(this).val());
                
                // +30 hari
                var tanggaloutput= new Date(tanggalinput);
                tanggaloutput.setDate(tanggalinput.getDate() + 30);
                
                // Format tanggal menjadi YYYY/MM/DD (kalo misal formatnya belom kayak gitu)
                var tahun = tanggaloutput.getFullYear();
                var bulan = String(tanggaloutput.getMonth() + 1).padStart(2, '0');
                var tanggal = String(tanggaloutput.getDate()).padStart(2, '0');
                $('#tanggaloutput').val(tahun + '/' + bulan + '/' + tanggal);
            });
        });
    </script>
avatar yukaristel
@yukaristel

36 Kontribusi 32 Poin

Dipost 2 minggu yang lalu

Tanggapan

kalo tanggalnya udah sesuai, brarti bisa langsung ini ke #tanggaloutput

Login untuk ikut Jawaban