특정일 이후 한달뒤 계산 채택완료

  

  

  날짜 계산기

  

    body {

      font-family: 'Segoe UI', sans-serif;

      background: #f3f4f6;

      padding: 30px;

      text-align: center;

    }

    h1 {

      color: #333;

    }

    input[type="date"] {

      padding: 10px;

      font-size: 16px;

      border: 1px solid #ccc;

      border-radius: 8px;

    }

    button {

      margin-top: 15px;

      padding: 10px 20px;

      font-size: 16px;

      background-color: #4f46e5;

      color: white;

      border: none;

      border-radius: 8px;

      cursor: pointer;

      transition: background-color 0.3s ease;

    }

    button:hover {

      background-color: #4338ca;

    }

    .result {

      margin-top: 30px;

      background: white;

      padding: 20px;

      border-radius: 10px;

      box-shadow: 0 4px 8px rgba(0,0,0,0.1);

      display: inline-block;

      text-align: left;

    }

    .result div {

      margin: 8px 0;

    }

  





  ? 날짜 계산기

  기준 날짜를 선택하세요:

  

  


  날짜 계산하기

  

  

    function calculateDates() {

      const base = document.getElementById('baseDate').value;

      if (!base) return alert("날짜를 선택해주세요!");

      const baseDate = new Date(base);

      const resultBox = document.getElementById("resultBox");

      const weekdays = ['일', '월', '화', '수', '목', '금', '토'];

      const addDate = (d, days = 0, months = 0, years = 0) => {

        const newDate = new Date(d);

        newDate.setDate(newDate.getDate() + days);

        newDate.setMonth(newDate.getMonth() + months);

        newDate.setFullYear(newDate.getFullYear() + years);

        return newDate;

      }

      const format = (d) =>

        `${d.getFullYear()}-${(d.getMonth() + 1).toString().padStart(2, '0')}-${d.getDate().toString().padStart(2, '0')} (${weekdays[d.getDay()]})`;

      const results = [

        { label: '7일 후', date: addDate(baseDate, 7) },

        { label: '보름 후 (15일)', date: addDate(baseDate, 15) },

        { label: '1개월 후', date: addDate(baseDate, 0, 1) },

        { label: '3개월 후', date: addDate(baseDate, 0, 3) },

        { label: '6개월 후', date: addDate(baseDate, 0, 6) },

        { label: '1년 후', date: addDate(baseDate, 0, 0, 1) },

        { label: '2년 후', date: addDate(baseDate, 0, 0, 2) }

      ];

      resultBox.innerHTML = `? 기준일: ${format(baseDate)}
`;

      results.forEach(item => {

        resultBox.innerHTML += `? ${item.label}: ${format(item.date)}`;

      });

      resultBox.style.display = 'block';

    }