Last Updated on March 1, 2023 by
Method date JavaScript menyediakan objek Tanggal untuk bekerja dengan tanggal & waktu, termasuk hari, bulan, tahun, jam, menit, detik, dan milidetik.
Fungsi method date JavaScript memanipulasi waktu atau mengambil informasi tentangnya. Belajar javascript kali ini kita akan membahas dua kategori metode yang berkaitan dengan tanggal. Juga, kami akan menjelaskan bagaimana objek tanggal JavaScript dibuat dengan fungsi new Date().
Table of Contents
Mengenal Method Date Javascript
Method Date JavaScript dapat digunakan untuk mendapatkan tahun, bulan, dan hari. Anda dapat menampilkan pengatur waktu di halaman web dengan menggunakan objek tanggal JavaScript.
Anda dapat menggunakan konstruktor Tanggal yang berbeda untuk membuat objek tanggal. Object date menyediakan metode untuk membuat dan mengatur hari, bulan, tahun, jam, menit, dan detik.
Anda dapat menggunakan 4 varian konstruktor Tanggal untuk membuat objek tanggal.
- Date()
- Date(milliseconds)
- Date(dateString)
- Date(year, month, day, hours, minutes, seconds, milliseconds)
Parameter:
- Tanpa Parameter : Objek tanggal akan disetel ke tanggal & waktu saat ini jika tidak ada parameter yang ditentukan dalam konstruktor.
- Value : Nilai bilangan bulat yang mewakili jumlah milidetik sejak 1 Januari 2000, 00:00:00 UTC.
- DateString : Nilai string yang akan diuraikan menggunakan Date.parse()metode.
- Year : Nilai bilangan bulat untuk mewakili tahun dari suatu tanggal. Angka dari 00 hingga 23 memetakan tahun 2000 hingga 2023. Yang lainnya adalah tahun sebenarnya.
- MonthIndex : Nilai bilangan bulat untuk mewakili bulan dari suatu tanggal. Diawalidengan 0 untuk Januari hingga 11 untuk Desember
- Day : Nilai bilangan bulat untuk mewakili hari dalam sebulan.
- Hours : Nilai bilangan bulat untuk mewakili jam dalam sehari antara 0 hingga 23.
- Minute : Nilai bilangan bulat untuk mewakili menit segmen waktu.
- Second : Nilai bilangan bulat untuk mewakili detik segmen waktu.
- Millisecond : Nilai bilangan bulat untuk mewakili milidetik segmen waktu. Tentukan milidetik numerik dalam konstruktor untuk mendapatkan tanggal dan waktu berlalu dari waktu yang telah anda tentukan.
Get Method Date Javascript
Method Date Javascript get membantu Anda mengembalikan bagian dari tanggal yang Anda butuhkan.
Metode | Keterangan |
getDate() | Dapatkan hari ini sebagai angka (dari 1 hingga 31) |
getFullYear() | Dapatkan tahun ini sebagai angka empat digit |
getMonth() | Dapatkan bulan ini (0-11, 0 adalah Januari) |
getDay() | Dapatkan hari kerja saat ini sebagai angka (0-6, 0 adalah hari Minggu) |
getHours() | Dapatkan jam saat ini (0-23) |
getMilliseconds() | Dapatkan milidetik saat ini (0-999) |
getSeconds() | Dapatkan detik saat ini (0-59) |
getMinutes() | Dapatkan menit saat ini (0-59) |
getTime() | Dapatkan waktu dalam milidetik (sejak 1 Januari 1970) |
Method Date Javascript getTime()
Metode ini memungkinkan JavaScript mendapatkan waktu saat ini. Ini menampilkan jumlah milidetik yang telah berlalu sejak 1 Januari 1970:
Contoh :
var date = new Date(); document.getElementById("date").innerHTML = date.getTime();
Metode getFullYear()
Metode ini memungkinkan JavaScript mendapatkan tahun tanggal saat ini dalam angka empat digit:
Contoh :
var date = new Date(); document.getElementById("date").innerHTML = date.getFullYear();
Metode getDay()
Getday mengembalikan weekday sebagai angka:
Contoh :
var date = new Date(); document.getElementById("date").innerHTML = date.getDay();
Set Method Date Javascript
Method | Description |
setDate() | Tetapkan hari ini sebagai angka (dari 1 hingga 31) |
setFullYear() | Tetapkan tahun saat ini (Anda juga dapat mengatur hari dan bulan) |
setHours() | Setel jam saat ini (dari 0 hingga 23) |
setMilliseconds() | Tetapkan milidetik saat ini (dari 0 hingga 999) |
setMinutes() | Setel menit saat ini (dari 0 hingga 59) |
setMonth() | Tetapkan bulan saat ini (dari 0 hingga 11, 0 adalah Januari) |
setSeconds() | Setel detik saat ini (dari 0 hingga 59) |
setTime() | Atur waktu dalam milidetik |
setFullYear() Metode
Method Date Javascript ini menetapkan tanggal menjadi tanggal yang ditentukan. Contoh di bawah menetapkan tanggal ke 1 Januari 2018.
Contoh :
var date = new Date(); date.setFullYear(2018, 0, 1); document.getElementById("date").innerHTML = date;
Sama seperti weekday, bulan dihitung mulai dari 0. Januari adalah 0, Desember adalah 11.
setDate() Metode
Metode ini menetapkan hari apa pada bulan itu (1-31).
Contoh :
var date = new Date(); date.setDate(14); document.getElementById("date").innerHTML = date;
Parse Date
Ada berbagai cara untuk membuat JavaScript get time and date. Misalnya, Date.parse() metode memungkinkan Anda menguraikan tanggal yang ditulis dengan benar dari sebuah string dan mengubahnya menjadi milidetik:
Contoh :
var ms = Date.parse("November 14, 1995"); document.getElementById("date").innerHTML = ms;
Anda juga dapat melakukan tindakan sebaliknya. Konversi milidetik kembali dan yah – Anda mendapatkan JavaScript tanggal:
Contoh :
var ms = Date.parse("November 14, 1995"); var date = new Date(ms); document.getElementById("date").innerHTML = date;
Javascript Compare Date
Anda dapat dengan mudah membuat JavaScript membandingkan tanggal. Contoh di bawah membandingkan tanggal hari ini dengan 14 November 1995:
Contoh :
var today, goodDay, textOut; today = new Date(); goodDay = new Date(); goodDay.setFullYear(1995, 10, 14); if (goodDay > today) { textOut= "Today is before November 14, 1995."; } else { textOut= "Today is after November 14, 1995."; } document.getElementById("date").innerHTML = textOut;
Method Date Javascript UTC
Ada standar waktu yang digunakan di seluruh dunia untuk mengatur waktu dan jam. Ini disebut Universal Time Coordinate, disingkat UTC. Ingatlah bahwa penghematan waktu siang hari tidak memengaruhinya sama sekali.
Tentunya, UTC juga penting dalam pemrograman. Dalam JavaScript, Anda dapat menggunakan metode tanggal khusus untuk bekerja dengan UTC:
Method | Keterangan |
getUTCDate() | Identik dengan getDate(), tetapi mengembalikan tanggal UTC |
getUTCDay() | Identik dengan getDay(), tetapi mengembalikan hari UTC |
getUTCFullYear() | Identik dengan getFullYear(), tetapi mengembalikan tahun UTC |
getUTCHours() | Identik dengan getHours(), tetapi mengembalikan jam UTC |
getUTCMilliseconds() | Identik dengan getMilliseconds(), tetapi mengembalikan milidetik UTC |
getUTCMinutes() | Identik dengan getMinutes(), tetapi mengembalikan menit UTC |
getUTCMonth() | Identik dengan getMonth(), tetapi mengembalikan bulan UTC |
getUTCSeconds() | Identik dengan getSeconds(), tetapi mengembalikan detik UTC |
Contoh Jam Digital JavaScript
Mari kita lihat contoh sederhana untuk menampilkan jam digital menggunakan objek tanggal JavaScript.
Ada dua cara untuk menyetel interval dalam JavaScript: dengan metode setTimeout() atau setInterval().
Current Time: <span id="txt"></span> <script> window.onload=function(){getTime();} function getTime(){ var today=new Date(); var h=today.getHours(); var m=today.getMinutes(); var s=today.getSeconds(); m=checkTime(m); s=checkTime(s); document.getElementById('txt').innerHTML=h+":"+m+":"+s; setTimeout(function(){getTime()},1000); } //setInterval("getTime()",1000); function checkTime(i){ if (i<10){ i="0" + i; } return i; } </script>
Method Date Javascript : Ringkasan
Method Date Javascript membantu kita untuk mendapatkan waktu atau tanggal, atau menyetelnya. Nilai tanggal dapat dinyatakan dalam tahun, bulan, hari, jam, menit, detik, atau milidetik. Ada dua kategori metode tanggal: get method dan set method.
Get method mengembalikan bagian dari tanggal. Set metode menentukan dalam bentuk apa bagian dari tanggal akan dikembalikan. Secara default, dalam bahasa komputer, waktu diukur dari 1 Januari 1970 . Itu disebut waktu Unix.
Temukan lebih banyak artikel seri belajar Javascript maupun bahasa pemrograman lainnya hanya di CODEKEY. Klik https://codekey.id/ sekarang juga untuk langsung belajar gratis. Sampai bertemu lagi!
Jasa Pembuatan Aplikasi, Website dan Internet Marketing | PT APPKEY
PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.