{"id":12935,"date":"2023-10-25T09:00:18","date_gmt":"2023-10-25T09:00:18","guid":{"rendered":"https:\/\/www.webhozz.com\/blog\/?p=12935"},"modified":"2023-10-23T05:14:43","modified_gmt":"2023-10-23T05:14:43","slug":"konversi-tanggal-dengan-javascript","status":"publish","type":"post","link":"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/","title":{"rendered":"Konversi Tanggal dengan JavaScript"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Sering kali kita membutuhkan tanggal dalam sebuah data, baik untuk kebutuhan display saja atau untuk menghitung range hari. Nah tetapi tidak jarang juga format tanggal yang kita miliki tidak sesuai dengan yang diinginkan, misalnya dalam format internasional, milsanya &#8220;01 March 2023&#8221; atau &#8220;2023-03-01&#8221;. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jika format tanggal yang kita dapatkan seperti itu, maka kita perlu melakukan konversi ke format yang kita inginkan. Hal ini dapat kita lakukan dengan membuat fungsi di Javascript<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nfunction konversiTanggal(tanggal) {\n    let tanggalObj = new Date(tanggal);\n    \n    let tahun = tanggalObj.getFullYear();\n    let bulan = String(tanggalObj.getMonth() + 1).padStart(2, &#039;0&#039;);\n    let hari = String(tanggalObj.getDate()).padStart(2, &#039;0&#039;);\n    \n    return `${hari}-${bulan}-${tahun}`;\n}\n\nlet tanggalAwal = &quot;2023-12-01&quot;;\nlet tanggalAkhir = konversiTanggal(tanggalAwal);\n\nconsole.log(tanggalAkhir); \/\/ Output: &quot;01-12-2023&quot;\n\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">Lalu untuk konversi dari format string, dapat kita lakukan dengan cara berikut<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\nfunction konversiTanggalIndonesia(tanggal) {\n    const namaBulan = &#x5B;&#039;Januari&#039;, &#039;Februari&#039;, &#039;Maret&#039;, &#039;April&#039;, &#039;Mei&#039;, &#039;Juni&#039;, &#039;Juli&#039;, &#039;Agustus&#039;, &#039;September&#039;, &#039;Oktober&#039;, &#039;November&#039;, &#039;Desember&#039;];\n\n    let splitTanggal = tanggal.split(&#039; &#039;);\n    let hari = parseInt(splitTanggal&#x5B;0]);\n    let bulan = namaBulan.indexOf(splitTanggal&#x5B;1]) + 1;\n    let tahun = parseInt(splitTanggal&#x5B;2]);\n\n    return `${String(hari).padStart(2, &#039;0&#039;)}-${String(bulan).padStart(2, &#039;0&#039;)}-${tahun}`;\n}\n\nlet tanggalAwal = &quot;1 Januari 2023&quot;;\nlet tanggalAkhir = konversiTanggalIndonesia(tanggalAwal);\n\nconsole.log(tanggalAkhir); \/\/ Output: &quot;01-01-2023&quot;\n\n<\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">Demikian, selamat mencoba \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sering kali kita membutuhkan tanggal dalam sebuah data, baik untuk kebutuhan display saja atau untuk menghitung range hari. Nah tetapi tidak jarang juga format tanggal<\/p>\n","protected":false},"author":15,"featured_media":12060,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4673],"tags":[560,251,4674],"class_list":["post-12935","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-belajar-javascript","tag-belajar-javascript","tag-javascript","tag-konversi-tanggal-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Konversi Tanggal dengan JavaScript - WebHozz Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Konversi Tanggal dengan JavaScript - WebHozz Blog\" \/>\n<meta property=\"og:description\" content=\"Sering kali kita membutuhkan tanggal dalam sebuah data, baik untuk kebutuhan display saja atau untuk menghitung range hari. Nah tetapi tidak jarang juga format tanggal\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHozz Blog\" \/>\n<meta property=\"article:published_time\" content=\"2023-10-25T09:00:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/11\/kursus-javascript-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"668\" \/>\n\t<meta property=\"og:image:height\" content=\"324\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/konversi-tanggal-dengan-javascript\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/konversi-tanggal-dengan-javascript\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/c14789b713aefdff4189815a3655a941\"},\"headline\":\"Konversi Tanggal dengan JavaScript\",\"datePublished\":\"2023-10-25T09:00:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/konversi-tanggal-dengan-javascript\\\/\"},\"wordCount\":89,\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/konversi-tanggal-dengan-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/kursus-javascript-1.jpg\",\"keywords\":[\"Belajar Javascript\",\"javascript\",\"konversi tanggal javascript\"],\"articleSection\":[\"Belajar JavaScript\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/konversi-tanggal-dengan-javascript\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/konversi-tanggal-dengan-javascript\\\/\",\"name\":\"Konversi Tanggal dengan JavaScript - WebHozz Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/konversi-tanggal-dengan-javascript\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/konversi-tanggal-dengan-javascript\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/kursus-javascript-1.jpg\",\"datePublished\":\"2023-10-25T09:00:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/konversi-tanggal-dengan-javascript\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/konversi-tanggal-dengan-javascript\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/konversi-tanggal-dengan-javascript\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/kursus-javascript-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/kursus-javascript-1.jpg\",\"width\":\"668\",\"height\":\"324\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/konversi-tanggal-dengan-javascript\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Konversi Tanggal dengan JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"name\":\"WebHozz Blog\",\"description\":\"Kursus Web &amp; Android di Jakarta Bandung\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#organization\",\"name\":\"WebHozz\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"contentUrl\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/logo-persegi.jpg\",\"width\":442,\"height\":442,\"caption\":\"WebHozz\"},\"image\":{\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/#\\\/schema\\\/person\\\/c14789b713aefdff4189815a3655a941\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5215c6b4b5fd315e4e097d994f4c02a4bc3644c128805c59fbcdb576d3d4059?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5215c6b4b5fd315e4e097d994f4c02a4bc3644c128805c59fbcdb576d3d4059?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5215c6b4b5fd315e4e097d994f4c02a4bc3644c128805c59fbcdb576d3d4059?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.webhozz.com\\\/blog\\\/author\\\/farry\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Konversi Tanggal dengan JavaScript - WebHozz Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/","og_locale":"en_US","og_type":"article","og_title":"Konversi Tanggal dengan JavaScript - WebHozz Blog","og_description":"Sering kali kita membutuhkan tanggal dalam sebuah data, baik untuk kebutuhan display saja atau untuk menghitung range hari. Nah tetapi tidak jarang juga format tanggal","og_url":"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/","og_site_name":"WebHozz Blog","article_published_time":"2023-10-25T09:00:18+00:00","og_image":[{"width":668,"height":324,"url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/11\/kursus-javascript-1.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/#article","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/"},"author":{"name":"admin","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/c14789b713aefdff4189815a3655a941"},"headline":"Konversi Tanggal dengan JavaScript","datePublished":"2023-10-25T09:00:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/"},"wordCount":89,"publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/11\/kursus-javascript-1.jpg","keywords":["Belajar Javascript","javascript","konversi tanggal javascript"],"articleSection":["Belajar JavaScript"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/","url":"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/","name":"Konversi Tanggal dengan JavaScript - WebHozz Blog","isPartOf":{"@id":"https:\/\/www.webhozz.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/#primaryimage"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/11\/kursus-javascript-1.jpg","datePublished":"2023-10-25T09:00:18+00:00","breadcrumb":{"@id":"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/#primaryimage","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/11\/kursus-javascript-1.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2022\/11\/kursus-javascript-1.jpg","width":"668","height":"324"},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhozz.com\/blog\/konversi-tanggal-dengan-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhozz.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Konversi Tanggal dengan JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/www.webhozz.com\/blog\/#website","url":"https:\/\/www.webhozz.com\/blog\/","name":"WebHozz Blog","description":"Kursus Web &amp; Android di Jakarta Bandung","publisher":{"@id":"https:\/\/www.webhozz.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhozz.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhozz.com\/blog\/#organization","name":"WebHozz","url":"https:\/\/www.webhozz.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","contentUrl":"https:\/\/www.webhozz.com\/blog\/wp-content\/uploads\/2018\/04\/logo-persegi.jpg","width":442,"height":442,"caption":"WebHozz"},"image":{"@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.webhozz.com\/blog\/#\/schema\/person\/c14789b713aefdff4189815a3655a941","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c5215c6b4b5fd315e4e097d994f4c02a4bc3644c128805c59fbcdb576d3d4059?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5215c6b4b5fd315e4e097d994f4c02a4bc3644c128805c59fbcdb576d3d4059?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5215c6b4b5fd315e4e097d994f4c02a4bc3644c128805c59fbcdb576d3d4059?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.webhozz.com\/blog\/author\/farry\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/12935","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/comments?post=12935"}],"version-history":[{"count":1,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/12935\/revisions"}],"predecessor-version":[{"id":12936,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/posts\/12935\/revisions\/12936"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media\/12060"}],"wp:attachment":[{"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/media?parent=12935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/categories?post=12935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhozz.com\/blog\/wp-json\/wp\/v2\/tags?post=12935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}