Javascript TextBox`da Günü Yazdıran Kodlar

ÖmerAltıntas · 21 Nisan 2018

Merhaba arkadaşlar bir sorum var araştırdım fakat bulamadım. Bir fonksiyon kullanarak butona tıklandığında yan da ayrı bir textbox`da günü yazdıran kodlara ihtiyacım var yardımcı olabilirseniz sevinirim. Yardımcı olabilecek örnek bir resim attım.

Fatih Apaydın · 21 Nisan 2018

HTML:

<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>

<body>

    <button type="button" id="btn1">Tarihi Göster</button>
    <br/>
    <br/>
    <input type="text" id="textbox1" />
    <br/>
    <br/>
    <label id="lblTarih"></label>
</body>

<script>

    window.onload = function () {
        var buton = document.getElementById("btn1");
        buton.onclick = function () {
            var tarih = new Date();
            var tarihMetin = tarih.getDate() + "." + (tarih.getMonth() + 1) + "." + tarih.getFullYear();

            document.getElementById("textbox1").value = tarihMetin;
            document.getElementById("lblTarih").innerHTML = tarihMetin;
        }
    }

</script>

</html>

ÖmerAltıntas · 21 Nisan 2018

Fatih Apaydın dedi:

HTML:

<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>

<body>

    <button type="button" id="btn1">Tarihi Göster</button>
    <br/>
    <br/>
    <input type="text" id="textbox1" />
    <br/>
    <br/>
    <label id="lblTarih"></label>
</body>

<script>

    window.onload = function () {
        var buton = document.getElementById("btn1");
        buton.onclick = function () {
            var tarih = new Date();
            var tarihMetin = tarih.getDate() + "." + (tarih.getMonth() + 1) + "." + tarih.getFullYear();

            document.getElementById("textbox1").value = tarihMetin;
            document.getElementById("lblTarih").innerHTML = tarihMetin;
        }
    }

</script>

</html>

Sağolun hocam çok teşekkür ederim.

Javascript TextBox`da Günü Yazdıran Kodlar

Ayrıntılı düzenleme

ÖmerAltıntas

Kilopat

Fatih Apaydın

Kilopat

ÖmerAltıntas

Kilopat

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz