{"id":392919,"date":"2026-02-22T16:15:43","date_gmt":"2026-02-22T09:15:43","guid":{"rendered":"https:\/\/mojok.co\/terminal\/?page_id=392919"},"modified":"2026-02-22T16:15:43","modified_gmt":"2026-02-22T09:15:43","slug":"jadwal-imsakiyah-ramadhan-2026-1447-h","status":"publish","type":"page","link":"https:\/\/mojok.co\/terminal\/jadwal-imsakiyah-ramadhan-2026-1447-h\/","title":{"rendered":"Jadwal Imsakiyah Ramadhan 2026 \/ 1447 H"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"392919\" class=\"elementor elementor-392919\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6d5d8bb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6d5d8bb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a3cf74\" data-id=\"5a3cf74\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3eb0d03 elementor-widget elementor-widget-html\" data-id=\"3eb0d03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"imsakiyah-wrapper\">\n    <div class=\"ramadhan-header\">\n        <div class=\"header-content\">\n            <span class=\"marhaban\">Marhaban Ya Ramadhan<\/span>\n            <h1>Jadwal Imsakiyah 1447 H<\/h1>\n            <p class=\"subtitle\">Berdasarkan Data Kemenag RI \u2022 Wilayah Indonesia<\/p>\n        <\/div>\n        <div class=\"location-badge\" id=\"current-loc\">\n            <i class=\"fas fa-map-marker-alt\"><\/i> Mendeteksi Lokasi...\n        <\/div>\n        <div class=\"search-container\">\n            <select id=\"city-selector\">\n                <option value=\"\">Cari Kota atau Kabupaten...<\/option>\n            <\/select>\n        <\/div>\n    <\/div>\n\n    <div class=\"table-card\">\n        <div class=\"table-responsive\">\n            <table id=\"imsakiyah-table\">\n                <thead>\n                    <tr>\n                        <th>H<\/th>\n                        <th>Tanggal<\/th>\n                        <th>Imsak<\/th>\n                        <th>Subuh<\/th>\n                        <th>Dzuhur<\/th>\n                        <th>Ashar<\/th>\n                        <th class=\"highlight-column\">Maghrib<\/th>\n                        <th>Isya<\/th>\n                    <\/tr>\n                <\/thead>\n                <tbody id=\"imsakiyah-body\">\n                    <tr><td colspan=\"8\">Menyiapkan data keberkahan...<\/td><\/tr>\n                <\/tbody>\n            <\/table>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    :root {\n        --primary-green: #065f46;\n        --accent-gold: #f59e0b;\n        --soft-bg: #f0fdf4;\n    }\n\n    #imsakiyah-wrapper {\n        font-family: 'Inter', sans-serif;\n        max-width: 1000px;\n        margin: 20px auto;\n        padding: 0 15px;\n    }\n\n    .ramadhan-header {\n        background: linear-gradient(135deg, #065f46 0%, #064e3b 100%);\n        border-radius: 20px 20px 0 0;\n        padding: 40px 20px;\n        text-align: center;\n        color: white;\n        box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n    }\n\n    .marhaban {\n        display: block;\n        font-size: 0.9rem;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        color: var(--accent-gold);\n        margin-bottom: 10px;\n        font-weight: 600;\n    }\n\n    .ramadhan-header h1 {\n        margin: 0;\n        font-size: 2rem;\n        font-weight: 800;\n    }\n\n    .subtitle { font-size: 0.9rem; opacity: 0.8; margin-top: 5px; }\n\n    .location-badge {\n        display: inline-block;\n        background: rgba(255,255,255,0.1);\n        padding: 6px 15px;\n        border-radius: 50px;\n        margin-top: 20px;\n        font-size: 0.85rem;\n        border: 1px solid rgba(255,255,255,0.2);\n    }\n\n    .search-container { margin-top: 25px; }\n\n    #city-selector {\n        width: 100%;\n        max-width: 450px;\n        padding: 12px 20px;\n        border-radius: 12px;\n        border: none;\n        font-size: 1rem;\n        box-shadow: 0 4px 12px rgba(0,0,0,0.2);\n    }\n\n    .table-card {\n        background: white;\n        border-radius: 0 0 20px 20px;\n        overflow: hidden;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n    }\n\n    .table-responsive { overflow-x: auto; }\n\n    table { width: 100%; border-collapse: collapse; min-width: 700px; }\n\n    th {\n        background: #f8fafc;\n        padding: 18px 10px;\n        font-size: 0.75rem;\n        text-transform: uppercase;\n        color: #64748b;\n        border-bottom: 2px solid #edf2f7;\n    }\n\n    td { padding: 15px 10px; text-align: center; border-bottom: 1px solid #f1f5f9; color: #1e293b; font-size: 0.9rem; }\n\n    tr:hover { background-color: var(--soft-bg); }\n\n    .highlight-column { background: #fff1f2; color: #be123c !important; font-weight: bold; }\n\n    .today-row { \n        background-color: #fef3c7 !important; \n        border: 2px solid var(--accent-gold);\n        font-weight: bold;\n    }\n\n    .today-row td { color: #92400e; }\n\n    \/* Custom Scrollbar *\/\n    .table-responsive::-webkit-scrollbar { height: 6px; }\n    .table-responsive::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', async function() {\n    const citySelector = document.getElementById('city-selector');\n    const tableBody = document.getElementById('imsakiyah-body');\n    const locBadge = document.getElementById('current-loc');\n\n    \/\/ 1. Ambil data kota & urutkan berdasarkan lokasi\n    async function init() {\n        try {\n            const res = await fetch('https:\/\/api.myquran.com\/v2\/sholat\/kota\/semua');\n            const data = await res.json();\n            const cities = data.data.sort((a, b) => a.lokasi.localeCompare(b.lokasi));\n            \n            cities.forEach(city => {\n                const opt = document.createElement('option');\n                opt.value = city.id;\n                \/\/ Menampilkan nama Kota saja (Provinsi sudah inklusif di data MyQuran)\n                opt.textContent = city.lokasi; \n                citySelector.appendChild(opt);\n            });\n\n            autoDetect();\n        } catch (e) { console.error(\"API Error\"); }\n    }\n\n    \/\/ 2. Deteksi Lokasi Otomatis\n    async function autoDetect() {\n        try {\n            const geo = await fetch('https:\/\/ipapi.co\/json\/');\n            const geoData = await geo.json();\n            const userCity = geoData.city.toUpperCase();\n            \n            \/\/ Cari kota yang paling mendekati\n            const res = await fetch('https:\/\/api.myquran.com\/v2\/sholat\/kota\/semua');\n            const data = await res.json();\n            const match = data.data.find(c => c.lokasi.includes(userCity));\n            \n            const finalId = match ? match.id : \"1301\"; \/\/ Default Jakarta\n            citySelector.value = finalId;\n            locBadge.innerHTML = `\ud83d\udccd Wilayah: <b>${match ? match.lokasi : 'DKI Jakarta'}<\/b>`;\n            loadJadwal(finalId);\n        } catch (e) {\n            citySelector.value = \"1301\";\n            loadJadwal(\"1301\");\n        }\n    }\n\n    \/\/ 3. Load & Render Jadwal\n    async function loadJadwal(cityId) {\n        tableBody.innerHTML = '<tr><td colspan=\"8\">Memuat jadwal Ramadhan...<\/td><\/tr>';\n        try {\n            \/\/ Kita ambil data Feb dan Mar 2026\n            const [res1, res2] = await Promise.all([\n                fetch(`https:\/\/api.myquran.com\/v2\/sholat\/jadwal\/${cityId}\/2026\/02`),\n                fetch(`https:\/\/api.myquran.com\/v2\/sholat\/jadwal\/${cityId}\/2026\/03`)\n            ]);\n            const d1 = await res1.json();\n            const d2 = await res2.json();\n            const allDays = [...d1.data.jadwal, ...d2.data.jadwal];\n\n            \/\/ Filter: Start 19 Feb 2026 s\/d 30 hari kemudian\n            const startDate = new Date('2026-02-19');\n            const endDate = new Date(startDate);\n            endDate.setDate(startDate.getDate() + 29); \/\/ 30 Hari Puasa\n\n            renderTable(allDays, startDate, endDate);\n        } catch (e) { \n            tableBody.innerHTML = '<tr><td colspan=\"8\">Gagal sinkronisasi data.<\/td><\/tr>';\n        }\n    }\n\n    function renderTable(days, start, end) {\n        tableBody.innerHTML = '';\n        let hCount = 1;\n        const today = new Date().toISOString().split('T')[0];\n\n        days.forEach(day => {\n            const dObj = new Date(day.date);\n            if (dObj >= start && dObj <= end) {\n                const isToday = day.date === today ? 'class=\"today-row\"' : '';\n                tableBody.insertAdjacentHTML('beforeend', `\n                    <tr ${isToday}>\n                        <td>${hCount++}<\/td>\n                        <td>${day.tanggal}<\/td>\n                        <td>${day.imsak}<\/td>\n                        <td>${day.subuh}<\/td>\n                        <td>${day.dzuhur}<\/td>\n                        <td>${day.ashar}<\/td>\n                        <td class=\"highlight-column\">${day.maghrib}<\/td>\n                        <td>${day.isya}<\/td>\n                    <\/tr>\n                `);\n            }\n        });\n    }\n\n    citySelector.addEventListener('change', (e) => {\n        const text = e.target.options[e.target.selectedIndex].text;\n        locBadge.innerHTML = `\ud83d\udccd Wilayah: <b>${text}<\/b>`;\n        loadJadwal(e.target.value);\n    });\n\n    init();\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e4a0cbf elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e4a0cbf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-099db5c\" data-id=\"099db5c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f60db94 elementor-widget elementor-widget-html\" data-id=\"f60db94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"ramadhan-active-content\">\n    <div class=\"content-wrapper\">\n        <main class=\"main-article\">\n            <div class=\"status-box\">\n                <span class=\"live-indicator\">\u25cf SEDANG BERLANGSUNG<\/span>\n                <h2>Update Jadwal Imsak & Buka Puasa Hari Ini<\/h2>\n                <p>\n                    Memasuki minggu pertama Ramadhan 1447 H, konsistensi dalam memantau <strong>waktu Maghrib hari ini<\/strong> dan <strong>jadwal imsak esok pagi<\/strong> menjadi sangat krusial. Perbedaan 1 hingga 2 menit setiap harinya terjadi karena pergeseran posisi matahari, sehingga pastikan Anda selalu merujuk pada data <strong>Real-Time Kemenag<\/strong> yang ada di tabel atas.\n                <\/p>\n            <\/div>\n\n            <div class=\"spiritual-corner\">\n                <h3>Doa Penting Hari Ini<\/h3>\n                <div class=\"dua-card\">\n                    <p class=\"arabicText\">\u0630\u064e\u0647\u064e\u0628\u064e \u0627\u0644\u0638\u064e\u0651\u0645\u064e\u0623\u064f \u0648\u064e\u0627\u0628\u0652\u062a\u064e\u0644\u064e\u0651\u062a\u0650 \u0627\u0644\u0652\u0639\u064f\u0631\u064f\u0648\u0642\u064f \u0648\u064e\u062b\u064e\u0628\u064e\u062a\u064e \u0627\u0644\u0623\u064e\u062c\u0652\u0631\u064f \u0625\u0650\u0646\u0652 \u0634\u064e\u0627\u0621\u064e \u0627\u0644\u0644\u064e\u0651\u0647\u064f<\/p>\n                    <p class=\"translation\">\"Dzahabaz zhama'u wabtallatil 'uruuqu wa tsabatal ajru in sya Allah.\"<\/p>\n                    <p class=\"meaning\">Artinya: Telah hilang rasa haus, telah basah urat-urat, dan pahala telah ditetapkan, insya Allah. (HR. Abu Daud)<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"article-body\">\n                <h3>Menjaga Stamina Saat Berpuasa<\/h3>\n                <p>\n                    Banyak yang bertanya, bagaimana agar tidak lemas saat bekerja? Kuncinya ada pada pemilihan makanan saat sahur. Pastikan Anda mengonsumsi karbohidrat kompleks seperti nasi merah atau gandum yang melepaskan energi secara perlahan (slow release). \n                <\/p>\n                <p>\n                    Jangan lupa untuk selalu mencocokkan waktu di jam tangan Anda dengan <strong>jadwal imsakiyah digital<\/strong> kami agar tidak terlambat menutup waktu sahur.\n                <\/p>\n            <\/div>\n        <\/main>\n\n        <aside class=\"side-info\">\n            <div class=\"faq-accordion\">\n                <h3>Informasi Cepat<\/h3>\n                <details open>\n                    <summary>Bolehkah sikat gigi saat puasa?<\/summary>\n                    <p>Menurut mayoritas ulama, sikat gigi diperbolehkan selama tidak ada pasta atau air yang tertelan dengan sengaja. Disarankan dilakukan sebelum waktu Dzuhur.<\/p>\n                <\/details>\n                <details>\n                    <summary>Lupa niat puasa di malam hari?<\/summary>\n                    <p>Untuk puasa wajib Ramadhan, niat sebaiknya dilakukan sebelum fajar. Namun, beberapa madzhab memberikan kelonggaran jika benar-benar lupa dan segera berniat saat ingat.<\/p>\n                <\/details>\n                <details>\n                    <summary>Cara cek jadwal kota lain?<\/summary>\n                    <p>Gunakan fitur filter di atas, ketik nama kabupaten\/kota Anda untuk mendapatkan akurasi wilayah yang tepat.<\/p>\n                <\/details>\n            <\/div>\n\n            <div class=\"tag-cloud\">\n                <span>#Ramadhan1447H<\/span>\n                <span>#JadwalBukaPuasa<\/span>\n                <span>#ImsakHariIni<\/span>\n                <span>#KemenagRI<\/span>\n            <\/div>\n        <\/aside>\n    <\/div>\n<\/section>\n\n<style>\n    .ramadhan-active-content {\n        padding: 50px 20px;\n        background: #ffffff;\n        font-family: 'Inter', sans-serif;\n    }\n    .content-wrapper {\n        max-width: 1100px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: 1.8fr 1fr;\n        gap: 50px;\n    }\n    .live-indicator {\n        color: #dc2626;\n        font-weight: bold;\n        font-size: 0.8rem;\n        letter-spacing: 1px;\n    }\n    .status-box h2 {\n        color: #065f46;\n        margin: 10px 0 20px;\n        font-size: 1.8rem;\n    }\n    .dua-card {\n        background: #f0fdf4;\n        padding: 25px;\n        border-left: 5px solid #059669;\n        border-radius: 8px;\n        margin: 25px 0;\n    }\n    .arabicText {\n        font-size: 1.6rem;\n        direction: rtl;\n        margin-bottom: 15px;\n        line-height: 1.8;\n        font-family: 'Amiri', serif;\n    }\n    .translation { font-style: italic; font-weight: 600; color: #1e293b; margin-bottom: 5px; }\n    .meaning { font-size: 0.9rem; color: #64748b; }\n    \n    .faq-accordion h3 { color: #065f46; margin-bottom: 15px; }\n    details {\n        background: #f8fafc;\n        padding: 15px;\n        border-radius: 10px;\n        margin-bottom: 10px;\n        cursor: pointer;\n        transition: 0.3s;\n    }\n    details[open] { background: #f1f5f9; }\n    summary { font-weight: bold; color: #334155; list-style: none; position: relative; padding-right: 20px; }\n    summary::after { content: '+'; position: absolute; right: 0; }\n    details[open] summary::after { content: '-'; }\n    details p { margin-top: 10px; font-size: 0.9rem; line-height: 1.6; color: #475569; }\n\n    .tag-cloud { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 10px; }\n    .tag-cloud span {\n        background: #f1f5f9;\n        padding: 5px 12px;\n        border-radius: 20px;\n        font-size: 0.75rem;\n        color: #64748b;\n        font-weight: 500;\n    }\n\n    @media (max-width: 850px) {\n        .content-wrapper { grid-template-columns: 1fr; }\n    }\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Marhaban Ya Ramadhan Jadwal Imsakiyah 1447 H Berdasarkan Data Kemenag RI \u2022 Wilayah Indonesia Mendeteksi Lokasi&#8230; Cari Kota atau Kabupaten&#8230; H Tanggal Imsak Subuh Dzuhur Ashar Maghrib Isya Menyiapkan data keberkahan&#8230; \u25cf SEDANG BERLANGSUNG Update Jadwal Imsak &#038; Buka Puasa Hari Ini Memasuki minggu pertama Ramadhan 1447 H, konsistensi dalam memantau waktu Maghrib hari ini [&hellip;]<\/p>\n","protected":false},"author":1565,"featured_media":392942,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","jnews_page_loop":{"first_title":"Latest Post","header_type":"heading_6","layout":"right-sidebar","sidebar":"default-sidebar","second_sidebar":"default-sidebar","sticky_sidebar":"1","module":"3","main_custom_image_size":"default","second_custom_image_size":"default","excerpt_length":"20","content_date":"default","date_custom":"Y\/m\/d","content_pagination":"nav_1","pagination_align":"center","post_sticky":"0","post_offset":"0","posts_per_page":"5","sort_by":"latest"},"jnews_single_page":{"layout":"no-sidebar","sidebar":"default-sidebar","second_sidebar":"default-sidebar","sticky_sidebar":"1","show_post_title":"1","show_post_breadcrumbs":"1","show_post_featured":"1","share_position":"top","share_color":"share-monocrhome"},"footnotes":""},"class_list":["post-392919","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/pages\/392919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/users\/1565"}],"replies":[{"embeddable":true,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/comments?post=392919"}],"version-history":[{"count":5,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/pages\/392919\/revisions"}],"predecessor-version":[{"id":392939,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/pages\/392919\/revisions\/392939"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/media\/392942"}],"wp:attachment":[{"href":"https:\/\/mojok.co\/terminal\/wp-json\/wp\/v2\/media?parent=392919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}