Bagaimana cara menampilkan tanggal dan waktu di html?

Elemen HTML tertentu menggunakan nilai tanggal dan/atau waktu. Format string yang menentukan nilai ini dijelaskan dalam artikel ini

Elemen yang menggunakan format tersebut mencakup bentuk tertentu dari elemen <input> yang memungkinkan pengguna memilih atau menentukan tanggal, waktu, atau keduanya, serta elemen <ins> dan <del>, yang atributnya menentukan tanggal atau tanggal dan waktu penyisipan atau

Untuk <input>, nilai yang mengembalikan a yang berisi string yang mewakili tanggal dan/atau waktu adalah

  • date_
  • datetime-local
  • month_
  • <ins>_0
  • <ins>_1

Sebelum masuk ke seluk-beluk bagaimana string tanggal dan waktu ditulis dan diurai dalam HTML, berikut adalah beberapa contoh yang akan memberi Anda ide bagus seperti apa format string tanggal dan waktu yang lebih umum digunakan

Contoh tanggal dan waktu HTML stringsStringTanggal dan/atau waktu<ins>27 Juni 2005<ins>38. 45 pagi<ins>_48. 45 AM dan 25 detik<ins>53. 40 AM tanggal 4 Agustus, 33<ins>_630 detik setelah 2. 00 PM tanggal 1 April 1977<ins>7Tengah malam UTC tanggal 1 Januari 1901<ins>81 detik lewat tengah malam Waktu Standar Timur (EST) tanggal 1 Januari 1901

Sebelum melihat berbagai format string terkait tanggal dan waktu yang digunakan oleh elemen HTML, ada baiknya untuk memahami beberapa fakta mendasar tentang cara mereka didefinisikan. HTML menggunakan variasi standar ISO 8601 untuk string tanggal dan waktunya. Sebaiknya tinjau deskripsi format yang Anda gunakan untuk memastikan bahwa string Anda benar-benar kompatibel dengan HTML, karena spesifikasi HTML mencakup algoritme untuk mengurai string ini yang sebenarnya lebih tepat daripada ISO 8601, jadi mungkin ada yang tidak kentara

Tanggal dan waktu dalam HTML selalu berupa string yang menggunakan rangkaian karakter ASCII

Untuk menyederhanakan format dasar yang digunakan untuk string tanggal dalam HTML, spesifikasi mengharuskan semua tahun diberikan menggunakan kalender Gregorian modern (atau proleptik). Meskipun antarmuka pengguna memungkinkan masuknya tanggal menggunakan kalender lain, nilai dasarnya selalu menggunakan kalender Gregorian

Sementara kalender Gregorian tidak dibuat hingga tahun 1582 (menggantikan kalender Julian yang serupa), untuk tujuan HTML, kalender Gregorian diperpanjang hingga tahun 1 C. E. Pastikan tanggal yang lebih tua memperhitungkan hal ini

Untuk keperluan tanggal HTML, tahun selalu setidaknya empat digit; . Tahun sebelum tahun 1C. E. tidak didukung, jadi HTML tidak mendukung tahun 1 B. C. E. (1B. C. ) atau sebelumnya

Satu tahun biasanya 365 hari, kecuali selama

Lompatan tahun

Tahun kabisat adalah tahun yang habis dibagi 400 atau tahun yang habis dibagi 4 tetapi tidak habis dibagi 100. Meskipun satu tahun kalender biasanya 365 hari, planet Bumi membutuhkan sekitar 365 hari. 2422 hari untuk menyelesaikan satu orbit mengelilingi matahari. Tahun kabisat membantu menyesuaikan kalender agar tetap sinkron dengan posisi aktual planet dalam orbitnya. Menambahkan satu hari ke tahun setiap empat tahun pada dasarnya membuat tahun rata-rata 365. 25 hari lamanya, yang mendekati benar

Penyesuaian pada algoritme (mengambil tahun kabisat saat tahun dapat dibagi 400, dan melewatkan tahun kabisat saat tahun habis dibagi 100) membantu membawa rata-rata lebih dekat ke jumlah hari yang benar (365. 2425 hari). Para ilmuwan kadang-kadang menambahkan detik kabisat ke kalender (serius) untuk menangani sisa tiga per sepuluh ribu hari dan untuk mengimbangi pelambatan rotasi bumi yang terjadi secara bertahap dan alami

Sedangkan bulan <del>1, Februari, biasanya memiliki 28 hari, pada tahun kabisat memiliki 29 hari

Ada 12 bulan dalam setahun, diberi nomor 1 sampai 12. Mereka selalu diwakili oleh string ASCII dua digit yang nilainya berkisar dari <del>2 hingga <del>3. Lihat tabel di bagian untuk nomor bulan dan nama yang sesuai (dan panjang dalam hari)

Bulan nomor 1, 3, 5, 7, 8, 10, dan 12 panjangnya 31 hari. Bulan 4, 6, 9, dan 11 panjangnya 30 hari. Bulan 2, Februari, panjangnya 28 hari di sebagian besar tahun, tetapi di tahun kabisat panjangnya 29 hari. Ini dirinci dalam tabel berikut

Nama bulan dan panjangnya dalam hariJumlah bulanNama (bahasa Inggris)Panjangnya dalam hari01Januari3102Februari28 (29 dalam tahun kabisat)03Maret3104April3005Mei3106Juni3007Juli3108Agustus3109September3010Oktober3111November3012Desember31

String minggu menentukan minggu dalam tahun tertentu. String minggu yang valid terdiri dari valid , diikuti dengan karakter tanda hubung ("<del>4", atau U+002D), lalu huruf besar "<del>5" (U+0057), diikuti dengan dua digit minggu dari nilai tahun

Minggu dalam setahun adalah string dua digit antara <del>2 dan <del>7. Setiap minggu dimulai pada hari Senin dan berakhir pada hari Minggu. Artinya, beberapa hari pertama bulan Januari dapat dianggap sebagai bagian dari minggu-tahun sebelumnya, dan untuk beberapa hari terakhir bulan Desember dianggap sebagai bagian dari minggu-tahun berikutnya. Minggu pertama tahun ini adalah minggu yang berisi hari Kamis pertama tahun ini. Misalnya, Kamis pertama tahun 1953 adalah pada tanggal 1 Januari, sehingga minggu tersebut—dimulai pada hari Senin, 29 Desember—dianggap sebagai minggu pertama dalam tahun tersebut. Oleh karena itu, tanggal 30 Desember 1952 terjadi pada minggu <del>8

Setahun memiliki 53 minggu jika

  • Hari pertama tahun kalender (1 Januari) adalah hari Kamis atau
  • Hari pertama tahun ini (1 Januari) adalah hari Rabu dan tahun adalah a

Semua tahun lainnya memiliki 52 minggu

Rangkaian mingguMinggu dan tahun (Rentang tanggal)<del>9Minggu 37, 2001 (10-16 September 2001)<del>8Minggu 1, 1953 (29 Desember 1952-4 Januari 1953)datetime1Minggu 53, 1948 (19 4-27 Januari)

Perhatikan bahwa angka tahun dan minggu diisi dengan nol di depan, dengan tahun diisi hingga empat digit dan minggu menjadi dua

String bulan mewakili bulan tertentu dalam waktu, bukan bulan umum dalam setahun. Artinya, daripada mewakili "Januari", string bulan HTML mewakili pasangan bulan dan tahun, seperti "Januari 1972. "

String bulan yang valid terdiri dari valid (string minimal empat digit), diikuti dengan karakter tanda hubung ("<del>4", atau U+002D), diikuti dengan angka dua digit , di mana <del>2 mewakili Januari dan <del>3 mewakili Desember

Bulan stringBulan dan tahundatetime8September, 17310datetime9Januari, 2019<input>0November, 1993<input>1April, 571<input>2Juli, 1 C. E

Perhatikan bahwa semua tahun setidaknya terdiri dari empat karakter;

String tanggal yang valid terdiri dari a , diikuti dengan karakter tanda hubung ("<del>4", atau U+002D), diikuti dengan dua digit

String tanggalTanggal lengkap<input>41 November 1993<input>514 Oktober 1066<input>622 April 571<input>75 Februari 62

String waktu dapat menentukan waktu dengan presisi hingga menit, detik, atau hingga milidetik. Menentukan jam atau menit saja tidak diizinkan. String waktu yang valid minimal terdiri dari jam dua digit diikuti dengan titik dua ("<input>8", U+003A), lalu menit dua digit. Menit secara opsional dapat diikuti oleh titik dua lainnya dan jumlah detik dua digit. Milidetik dapat ditentukan, opsional, dengan menambahkan karakter titik desimal ("<input>9", U+002E) diikuti dengan satu, dua, atau tiga digit

Ada beberapa aturan dasar tambahan

  • Jam selalu ditentukan menggunakan jam 24 jam, dengan type0 adalah tengah malam dan 23:00 adalah type1. Tidak ada nilai di luar rentang type_0 – type1 yang diizinkan
  • Menit harus berupa angka dua digit antara type0 dan type5. Tidak ada nilai di luar rentang itu yang diizinkan
  • Jika jumlah detik dihilangkan (untuk menentukan waktu yang akurat hanya untuk menit), titik dua tidak boleh mengikuti jumlah menit
  • Jika ditentukan, bagian bilangan bulat dari jumlah detik harus antara type0 dan type5. Anda tidak dapat menentukan detik kabisat dengan menggunakan nilai seperti type8 atau type9
  • Jika jumlah detik ditentukan dan bilangan bulat, itu tidak boleh diikuti oleh titik desimal
  • Jika sepersekian detik disertakan, panjangnya mungkin dari satu hingga tiga digit, yang menunjukkan jumlah milidetik. Ini mengikuti titik desimal yang ditempatkan setelah komponen detik dari string waktu
Time stringTimevalue012. 00. 30. 75 pagi (30. 75 detik setelah tengah malam)value112. 15 sorevalue_21. 44. 25 PM (25 detik setelah 1. 44 sore)

String datetime-local yang valid terdiri dari string date dan string <ins>0 yang disatukan dengan huruf "value6" atau karakter spasi yang memisahkannya. Tidak ada informasi tentang zona waktu yang disertakan dalam string;

Saat Anda menyetel input datetime-local_, string dinormalisasi menjadi bentuk standar. String datetime yang dinormalisasi selalu menggunakan huruf "value6" untuk memisahkan tanggal dan waktu, dan porsi waktu string sesingkat mungkin. Ini dilakukan dengan menghilangkan komponen detik jika nilainya date1

Contoh string datetime-local yang validTanggal/waktu stringTanggal/waktu yang dinormalisasi stringTanggal dan waktu aktualdate3date328 Januari 1986 pukul 11. 38. 00. 01.00date5

date_3

Perhatikan bahwa setelah normalisasi, ini adalah string yang sama dengan string datetime-local sebelumnya. Spasi telah diganti dengan karakter "value6" dan nol di belakang dalam sepersekian detik telah dihapus untuk membuat string sesingkat mungkin

28 Januari 1986 pukul 11. 38. 00. 01.00date_9

datetime-local0

Perhatikan bahwa bentuk normalisasi tanggal ini menghilangkan "date1" yang menunjukkan jumlah detik menjadi nol, karena detik bersifat opsional saat nol, dan string yang dinormalisasi meminimalkan panjang string

31 Juli 170 jam 10. 00 sore

String tanggal dan waktu global menentukan tanggal dan waktu serta zona waktu terjadinya. String tanggal dan waktu global yang valid memiliki format yang sama dengan a , kecuali ia memiliki string zona waktu yang ditambahkan di bagian akhir, mengikuti waktu

String offset zona waktu menentukan offset dalam jumlah jam dan menit positif atau negatif dari basis waktu standar. Ada dua basis waktu standar, yang sangat mirip, tetapi tidak persis sama

  • Untuk tanggal setelah pembentukan Waktu Universal Terkoordinasi (UTC) pada awal 1960-an, basis waktunya adalah datetime-local2 dan offset menunjukkan offset zona waktu tertentu dari waktu di meridian utama pada garis bujur 0º (yang melewati Royal Observatory di Greenwich
  • Untuk tanggal sebelum UTC, basis waktu malah dinyatakan dalam bentuk UT1, yang merupakan waktu matahari Bumi kontemporer di meridian utama.

String zona waktu ditambahkan tepat setelah waktu dalam string tanggal dan waktu. Anda dapat menentukan "datetime-local2" sebagai string offset zona waktu untuk menunjukkan bahwa waktu ditentukan dalam UTC. Jika tidak, string zona waktu dibuat sebagai berikut

  1. Karakter yang menunjukkan tanda offset. karakter plus ("datetime-local4", atau U+002B) untuk zona waktu di sebelah timur meridian utama atau karakter minus ("<del>4", atau U+002D) untuk zona waktu di sebelah barat meridian utama
  2. Jumlah jam dua digit yang diimbangi zona waktu dari meridian utama. Nilai ini harus antara type_0 dan type1
  3. Karakter titik dua ("<input>_8") opsional
  4. Jumlah dua digit menit melewati satu jam;

Sementara format ini memungkinkan zona waktu antara -23. 59 dan +23. 59, kisaran offset zona waktu saat ini adalah -12. 00 hingga +14. 00, dan tidak ada zona waktu yang saat ini diimbangi dari jam dengan apa pun selain type0, month2, atau month3 menit. Ini dapat berubah kurang lebih kapan saja, karena negara-negara bebas mengutak-atik zona waktu mereka kapan saja dan dengan cara apa pun yang mereka inginkan.

Bagaimana cara menampilkan waktu dan tanggal dalam HTML?

dalam HTML digunakan untuk menentukan tanggal/waktu yang dapat dibaca mesin dari elemen

Bagaimana cara menampilkan tanggal dan waktu saat ini di browser saya?

Dalam JavaScript, kita dapat dengan mudah mendapatkan tanggal atau waktu saat ini dengan menggunakan objek Date() baru . Secara default, ini menggunakan zona waktu browser kami dan menampilkan tanggal sebagai string teks lengkap, seperti "Fri Jun 17 2022 10. 54. 59 GMT+0100 (British Summer Time)" yang berisi tanggal, waktu, dan zona waktu saat ini.

Bagaimana cara menampilkan tanggal dan waktu saat ini di kotak teks HTML?

function getDate(){ var todaydate = new Date(); . getDate(); . getMonth() + 1; . getFullYear();

Bagaimana cara menampilkan format tanggal dalam HTML?

Misalnya. .
ddmmyyyy
dd/mm/yyyy
mm/dd/yyyy
dd-mm-yyyy
mm-dd-yyyy
Bulan dd, yyyy