Mengatur Tanggal dan Waktu HTML Menggunakan Atribut Datetime
<element datetime="YYYY-MM-DDThh:mm:ssTZD">
Penjelasan dari komponen datetime adalah sebagai berikut:
- YYYY diugnakan untuk mengatur tahun dari object datetime, contoh: 2009.
- MM digunakan untuk mengatur bulan dari object datetime, contoh: 05 untuk bulan maret.
- DD digunakan untuk mengatur hari dari object datetime, contoh: 04 atau hari RABU.
- T merupakan tanda pemisah.
- hh: digunakan untuk mengatur jam dari object datetime, contoh: 18 untuk jam 06.00pm.
- mm: digunakan untuk mengatur menit dari object datetime, contoh: 34 yang menyatakan menit ke 34.
- ss: digunakan untuk mengatur detik dari object datetime, contoh: 40 yang menyatakan detik ke 40.
- ZD merupakan penanda dari Time Zone Designator, dimana Z menyatakan Zulu atau wilayah Greenwich Mean Time.
Penerapan: atribut datetime digunakan untuk tag <del>, tag <ins>, dan tag <time>.
<!DOCTYPE html>
<html>
<head>
<title>
HTML Atribut Datetime
</title>
<style>
del
{
color: red;}
ins
{
color: green;}
h1
{
color: green;}
body
{
text-align: center;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
HTML Atribut Datetime
</h2>
<p>Blog BKTIK adalah blog <del>sejarah</del>
<!-- Penetapan id ke tag 'ins' -->
<ins id="<MKN" datetime="2018-11-21T15:55:03Z">programming</ins>
<time datetime="2017-02-14 20:00">
portal
</time>
</p>
</body>
</html>
Output:Blog Elfan
HTML Atribut Datetime
Blog BKTIK adalah blog sejarah programming
- Cara Membuat Data Drag and Drop pada Atribut Dropzone HTML [klik]
- 3 Nilai Utama Penggunaan Atribut Enctype pada HTML [klik]
- 9 Elemen yang dapat Diterapkan Atribut Form HTML [klik]
- 2 Contoh Program Penggunaan Atribut For pada HTML [klik]
- 6 Cara Penerapan Atribut Height pada Elemen HTML [klik]
- Cara Menampilkan dan Menyembunyikan Elemen Menggunakan Atribut Hidden HTML [klik]
- Cara Menentukan Rentang pada Atribut High HTML [klik]
Bagaimana Cara Menampilkan waktu dan tanggal pada HTML menggunakan JavaScript?
BalasHapusGunakan method get untuk menampilkan tanggal saat ini pada JavaScript.
Hapus1. < input type="text" id="currentDate" >
2. var today = new Date();
3. var date = today. getFullYear()+'-'+(today. getMonth()+1)+'-'+today. getDate();
4. document. getElementById("currentDate"). value = date;
Apakah yang dimaksud dengan Zulu adalah Zulu Empire?
BalasHapusBukan, yang dimaksud dengan Zulu adalah Old Republic,,,
HapusWow, penjelasan yang luar biasaa...
Hapus