{"id":1202,"date":"2026-04-17T14:51:10","date_gmt":"2026-04-17T06:51:10","guid":{"rendered":"https:\/\/www.05621997.xyz\/?page_id=1202"},"modified":"2026-04-17T15:43:41","modified_gmt":"2026-04-17T07:43:41","slug":"%e5%86%9c%e5%8e%86-%e5%85%ac%e5%8e%86%e4%ba%92%e8%bd%ac","status":"publish","type":"page","link":"https:\/\/www.05621997.xyz\/index.php\/tools\/%e5%86%9c%e5%8e%86-%e5%85%ac%e5%8e%86%e4%ba%92%e8%bd%ac\/","title":{"rendered":"\u519c\u5386 \/ \u516c\u5386\u4e92\u8f6c"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1202\" class=\"elementor elementor-1202\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03c81ef e-con-full e-flex e-con e-parent\" data-id=\"03c81ef\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0194caa elementor-widget elementor-widget-heading\" data-id=\"0194caa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u519c\u5386 \/ \u516c\u5386\u4e92\u8f6c<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4ba38c e-con-full e-flex e-con e-parent\" data-id=\"c4ba38c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ba42f9 elementor-widget elementor-widget-html\" data-id=\"0ba42f9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"lc-end-wrapper\">\r\n  <div class=\"lc-end-container\">\r\n    <div class=\"lc-end-tab-bar\">\r\n      <button class=\"lc-end-tab lc-end-tab-active\" data-mode=\"solar\">\u516c\u5386 \u2192 \u519c\u5386<\/button>\r\n      <button class=\"lc-end-tab\" data-mode=\"lunar\">\u519c\u5386 \u2192 \u516c\u5386<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"lcEndSolarPanel\" class=\"lc-end-panel\">\r\n      <div class=\"lc-end-field\">\r\n        <label class=\"lc-end-label\">\u516c\u5386\u65e5\u671f<\/label>\r\n        <input type=\"date\" id=\"lcEndSolarDate\" class=\"lc-end-date\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"lcEndLunarPanel\" class=\"lc-end-panel\" style=\"display:none;\">\r\n      <div class=\"lc-end-row\">\r\n        <div class=\"lc-end-col\">\r\n          <label class=\"lc-end-label\">\u519c\u5386\u5e74<\/label>\r\n          <select id=\"lcEndLunarYear\" class=\"lc-end-select\"><\/select>\r\n        <\/div>\r\n        <div class=\"lc-end-col\">\r\n          <label class=\"lc-end-label\">\u519c\u5386\u6708<\/label>\r\n          <select id=\"lcEndLunarMonth\" class=\"lc-end-select\"><\/select>\r\n        <\/div>\r\n        <div class=\"lc-end-col\">\r\n          <label class=\"lc-end-label\">\u519c\u5386\u65e5<\/label>\r\n          <select id=\"lcEndLunarDay\" class=\"lc-end-select\"><\/select>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"lc-end-leap\">\r\n        <input type=\"checkbox\" id=\"lcEndLunarLeap\">\r\n        <label for=\"lcEndLunarLeap\">\u95f0\u6708<\/label>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <button id=\"lcEndConvertBtn\" class=\"lc-end-convert\">\u8f6c\u6362\u65e5\u671f<\/button>\r\n\r\n    <div class=\"lc-end-result\">\r\n      <div id=\"lcEndResult\" class=\"lc-end-result-text\">\u2014\u2014 \u8bf7\u9009\u62e9\u65e5\u671f \u2014\u2014<\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  .lc-end-wrapper {\r\n    max-width: 900px;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    background: #ffffff;\r\n    border-radius: 1.75rem;\r\n    box-shadow: 0 20px 35px -12px rgba(0,0,0,0.12);\r\n    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\r\n  }\r\n  .lc-end-container {\r\n    padding: 1.8rem 2rem 2rem;\r\n  }\r\n  .lc-end-tab-bar {\r\n    display: flex;\r\n    gap: 1rem;\r\n    background: #f0f4f8;\r\n    padding: 0.45rem;\r\n    border-radius: 3rem;\r\n    margin-bottom: 2rem;\r\n  }\r\n  .lc-end-tab {\r\n    flex: 1;\r\n    text-align: center;\r\n    padding: 0.7rem 0.5rem;\r\n    font-size: 1rem;\r\n    font-weight: 600;\r\n    border: none;\r\n    background: transparent;\r\n    border-radius: 2.5rem;\r\n    cursor: pointer;\r\n    transition: 0.2s;\r\n    color: #2c3e50;\r\n  }\r\n  .lc-end-tab-active {\r\n    background: white;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n    color: #1f6e8c;\r\n  }\r\n  .lc-end-panel {\r\n    background: #f9fbfd;\r\n    border-radius: 1.5rem;\r\n    padding: 1.2rem 1rem 1.5rem;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n  .lc-end-field {\r\n    padding: 0.2rem 0;\r\n  }\r\n  .lc-end-label {\r\n    display: block;\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    color: #2c6e6b;\r\n    margin-bottom: 0.4rem;\r\n    margin-left: 0.5rem;\r\n  }\r\n  .lc-end-date {\r\n    width: 100%;\r\n    padding: 0.7rem 1rem;\r\n    border-radius: 2rem;\r\n    border: 1px solid #cbdde6;\r\n    background: white;\r\n    font-size: 1rem;\r\n    font-family: inherit;\r\n  }\r\n  .lc-end-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 1rem;\r\n  }\r\n  .lc-end-col {\r\n    flex: 1;\r\n    min-width: 100px;\r\n  }\r\n  .lc-end-select {\r\n    width: 100%;\r\n    padding: 0.7rem 0.8rem;\r\n    border-radius: 2rem;\r\n    border: 1px solid #cbdde6;\r\n    background: white;\r\n    font-size: 0.95rem;\r\n    cursor: pointer;\r\n  }\r\n  .lc-end-leap {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.6rem;\r\n    margin-top: 1rem;\r\n    padding-left: 0.5rem;\r\n  }\r\n  .lc-end-leap input {\r\n    width: 1.2rem;\r\n    height: 1.2rem;\r\n    cursor: pointer;\r\n  }\r\n  .lc-end-convert {\r\n    width: 100%;\r\n    background: #1f6e8c;\r\n    border: none;\r\n    padding: 0.9rem;\r\n    border-radius: 3rem;\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    color: white;\r\n    cursor: pointer;\r\n    margin-bottom: 1.5rem;\r\n    transition: 0.2s;\r\n  }\r\n  .lc-end-convert:hover {\r\n    background: #0e5a75;\r\n    transform: scale(0.98);\r\n  }\r\n  .lc-end-result {\r\n    background: #eef3f7;\r\n    border-radius: 1.5rem;\r\n    padding: 1rem 1.5rem;\r\n    text-align: center;\r\n    border-left: 5px solid #1f6e8c;\r\n  }\r\n  .lc-end-result-text {\r\n    font-size: 1.2rem;\r\n    font-weight: 600;\r\n    color: #1a4b60;\r\n    line-height: 1.4;\r\n  }\r\n  .lc-end-error {\r\n    color: #c2412c;\r\n    background: #fff2ef;\r\n    padding: 0.4rem 1rem;\r\n    border-radius: 2rem;\r\n    font-size: 0.9rem;\r\n    display: inline-block;\r\n  }\r\n  @media (max-width: 650px) {\r\n    .lc-end-container { padding: 1.2rem; }\r\n    .lc-end-row { flex-direction: column; }\r\n    .lc-end-result-text { font-size: 1rem; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  const REST_URL = '\/wp-json\/lunar\/v2\/convert';\r\n\r\n  function fillLunarSelects() {\r\n    const yearSel = document.getElementById('lcEndLunarYear');\r\n    if (!yearSel) return;\r\n    yearSel.innerHTML = '';\r\n    const nowYear = new Date().getFullYear();\r\n    for (let y = 1900; y <= 2100; y++) {\r\n      const opt = document.createElement('option');\r\n      opt.value = y;\r\n      opt.textContent = y + '\u5e74';\r\n      if (y === nowYear) opt.selected = true;\r\n      yearSel.appendChild(opt);\r\n    }\r\n    const monthSel = document.getElementById('lcEndLunarMonth');\r\n    if (monthSel) {\r\n      monthSel.innerHTML = '';\r\n      for (let m = 1; m <= 12; m++) {\r\n        const opt = document.createElement('option');\r\n        opt.value = m;\r\n        opt.textContent = m + '\u6708';\r\n        if (m === 1) opt.selected = true;\r\n        monthSel.appendChild(opt);\r\n      }\r\n    }\r\n    const daySel = document.getElementById('lcEndLunarDay');\r\n    if (daySel) {\r\n      daySel.innerHTML = '';\r\n      for (let d = 1; d <= 30; d++) {\r\n        const opt = document.createElement('option');\r\n        opt.value = d;\r\n        opt.textContent = d + '\u65e5';\r\n        if (d === 1) opt.selected = true;\r\n        daySel.appendChild(opt);\r\n      }\r\n    }\r\n  }\r\n\r\n  function setDefaultSolarDate() {\r\n    const input = document.getElementById('lcEndSolarDate');\r\n    if (input) {\r\n      const today = new Date();\r\n      const yyyy = today.getFullYear();\r\n      const mm = String(today.getMonth() + 1).padStart(2, '0');\r\n      const dd = String(today.getDate()).padStart(2, '0');\r\n      input.value = `${yyyy}-${mm}-${dd}`;\r\n    }\r\n  }\r\n\r\n  async function apiCall(mode, params) {\r\n    const res = await fetch(REST_URL, {\r\n      method: 'POST',\r\n      headers: { 'Content-Type': 'application\/json' },\r\n      body: JSON.stringify({ mode, ...params })\r\n    });\r\n    return await res.json();\r\n  }\r\n\r\n  async function convertSolarToLunar() {\r\n    const resultDiv = document.getElementById('lcEndResult');\r\n    const dateInput = document.getElementById('lcEndSolarDate');\r\n    if (!resultDiv || !dateInput) return;\r\n    const dateStr = dateInput.value;\r\n    if (!dateStr) {\r\n      resultDiv.innerHTML = '<span class=\"lc-end-error\">\u8bf7\u9009\u62e9\u516c\u5386\u65e5\u671f<\/span>';\r\n      return;\r\n    }\r\n    const parts = dateStr.split('-');\r\n    const year = parseInt(parts[0], 10);\r\n    const month = parseInt(parts[1], 10);\r\n    const day = parseInt(parts[2], 10);\r\n    resultDiv.innerHTML = '\u23f3 \u8f6c\u6362\u4e2d...';\r\n    try {\r\n      const resp = await apiCall('solar2lunar', { year, month, day });\r\n      if (resp.success) {\r\n        resultDiv.innerHTML = `\u2728 \u516c\u5386 ${year}\u5e74${month}\u6708${day}\u65e5<br>\ud83c\udf19 \u519c\u5386 ${resp.data.fullStr}`;\r\n      } else {\r\n        resultDiv.innerHTML = `<span class=\"lc-end-error\">${resp.error || '\u8f6c\u6362\u5931\u8d25'}<\/span>`;\r\n      }\r\n    } catch(e) {\r\n      resultDiv.innerHTML = '<span class=\"lc-end-error\">\u7f51\u7edc\u9519\u8bef\uff0c\u8bf7\u91cd\u8bd5<\/span>';\r\n    }\r\n  }\r\n\r\n  async function convertLunarToSolar() {\r\n    const resultDiv = document.getElementById('lcEndResult');\r\n    const year = parseInt(document.getElementById('lcEndLunarYear').value, 10);\r\n    const month = parseInt(document.getElementById('lcEndLunarMonth').value, 10);\r\n    const day = parseInt(document.getElementById('lcEndLunarDay').value, 10);\r\n    const isLeap = document.getElementById('lcEndLunarLeap').checked;\r\n    if (isNaN(year) || isNaN(month) || isNaN(day)) {\r\n      resultDiv.innerHTML = '<span class=\"lc-end-error\">\u8bf7\u5b8c\u6574\u9009\u62e9\u519c\u5386\u65e5\u671f<\/span>';\r\n      return;\r\n    }\r\n    resultDiv.innerHTML = '\u23f3 \u8f6c\u6362\u4e2d...';\r\n    try {\r\n      const resp = await apiCall('lunar2solar', { year, month, day, isLeap });\r\n      if (resp.success) {\r\n        resultDiv.innerHTML = `\ud83c\udf1b \u519c\u5386 ${year}\u5e74${month}\u6708${day}\u65e5${isLeap ? '(\u95f0)' : ''}<br>\ud83d\uddd3\ufe0f \u516c\u5386 ${resp.data.fullStr}`;\r\n      } else {\r\n        resultDiv.innerHTML = `<span class=\"lc-end-error\">${resp.error || '\u8f6c\u6362\u5931\u8d25'}<\/span>`;\r\n      }\r\n    } catch(e) {\r\n      resultDiv.innerHTML = '<span class=\"lc-end-error\">\u7f51\u7edc\u9519\u8bef\uff0c\u8bf7\u91cd\u8bd5<\/span>';\r\n    }\r\n  }\r\n\r\n  function switchMode(mode) {\r\n    const solarPanel = document.getElementById('lcEndSolarPanel');\r\n    const lunarPanel = document.getElementById('lcEndLunarPanel');\r\n    const tabs = document.querySelectorAll('.lc-end-tab');\r\n    tabs.forEach(tab => {\r\n      if ((mode === 'solar' && tab.dataset.mode === 'solar') ||\r\n          (mode === 'lunar' && tab.dataset.mode === 'lunar')) {\r\n        tab.classList.add('lc-end-tab-active');\r\n      } else {\r\n        tab.classList.remove('lc-end-tab-active');\r\n      }\r\n    });\r\n    if (mode === 'solar') {\r\n      solarPanel.style.display = 'block';\r\n      lunarPanel.style.display = 'none';\r\n      convertSolarToLunar();\r\n    } else {\r\n      solarPanel.style.display = 'none';\r\n      lunarPanel.style.display = 'block';\r\n      convertLunarToSolar();\r\n    }\r\n  }\r\n\r\n  function bindEvents() {\r\n    const solarTab = document.querySelector('.lc-end-tab[data-mode=\"solar\"]');\r\n    const lunarTab = document.querySelector('.lc-end-tab[data-mode=\"lunar\"]');\r\n    const convertBtn = document.getElementById('lcEndConvertBtn');\r\n    if (solarTab) solarTab.addEventListener('click', () => switchMode('solar'));\r\n    if (lunarTab) lunarTab.addEventListener('click', () => switchMode('lunar'));\r\n    if (convertBtn) {\r\n      convertBtn.addEventListener('click', () => {\r\n        const active = document.querySelector('.lc-end-tab-active');\r\n        if (active && active.dataset.mode === 'solar') convertSolarToLunar();\r\n        else convertLunarToSolar();\r\n      });\r\n    }\r\n  }\r\n\r\n  function init() {\r\n    fillLunarSelects();\r\n    setDefaultSolarDate();\r\n    bindEvents();\r\n    switchMode('solar');\r\n  }\r\n  init();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u519c\u5386 \/ \u516c\u5386\u4e92\u8f6c \u516c\u5386 \u2192 \u519c\u5386 \u519c\u5386 \u2192 \u516c\u5386 \u516c\u5386\u65e5\u671f \u519c\u5386\u5e74 \u519c\u5386\u6708 \u519c\u5386\u65e5 \u95f0\u6708 \u8f6c\u6362\u65e5\u671f \u2014\u2014 \u8bf7\u9009\u62e9\u65e5\u671f \u2014\u2014<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":19,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1202","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/1202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=1202"}],"version-history":[{"count":55,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/1202\/revisions"}],"predecessor-version":[{"id":1259,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/1202\/revisions\/1259"}],"up":[{"embeddable":true,"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/pages\/19"}],"wp:attachment":[{"href":"https:\/\/www.05621997.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=1202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}