Kamis, 08 Mei 2014
0 komentar

Menampilkan Tanggal Dengan Javascript



Untuk menampilkan tanggal pada kode html kita, pertama yang harus kita lakukan adalah membuat kode html berikut :

<html>
    <head>
        <title>Tanggal</title>
    <body> 
    
    </body>
    </head>
</html>

Kemudian buat kode javascript berikut ini :
<script type="text/javascript">
    var namaBulan = new Array("January", "February", "March", 
    "April", "May", "June", "July", "August", "September", 
    "October", "November", "December");

    var tgl = new Date();
    var tglSekarang = tgl.getDate();
    var sup = "";
    if (tglSekarang == 1 || tglSekarang == 21 || tglSekarang ==31)
    {
        sup = "st";
    }
    else if (tglSekarang == 2 || tglSekarang == 22)
    {
        sup = "nd";
    }
    else if (tglSekarang == 3 || tglSekarang == 23)
    {
        sup = "rd";
    }
    else
    {
        sup = "th";
    }

    var blnSekarang = tgl.getMonth();
    var thnSekarang = tgl.getFullYear();

    document.write(tglSekarang + "<SUP>" + sup + "</SUP> " 
        + namaBulan[blnSekarang] + " " + thnSekarang);
</script>

Sehingga tampilan keseluruhan kode adalah sebagai berikut :
<html>
    <head>
        <title>Tanggal</title>
        <script type="text/javascript">
            var namaBulan = new Array("January", "February", "March", 
            "April", "May", "June", "July", "August", "September", 
            "October", "November", "December");

            var tgl = new Date();
            var tglSekarang = tgl.getDate();
            var sup = "";
            if (tglSekarang == 1 || tglSekarang == 21 || tglSekarang ==31)
            {
                sup = "st";
            }
            else if (tglSekarang == 2 || tglSekarang == 22)
            {
                sup = "nd";
            }
            else if (tglSekarang == 3 || tglSekarang == 23)
            {
                sup = "rd";
            }
            else
            {
                sup = "th";
            }

            var blnSekarang = tgl.getMonth();
            var thnSekarang = tgl.getFullYear();

            document.write(tglSekarang + "<SUP>" + sup + "</SUP> " 
                + namaBulan[blnSekarang] + " " + thnSekarang);
        </script>
    <body> 
    </body>
</head>
</html>

Kemudian jalankan dengan browser anda, pastikan web server dalam keadaan aktif, maka akan muncul tampilan seperti dibawah ini :


 
Toggle Footer
Top