जावास्क्रिप्ट में कैलेंडर

इस खंड में हम एक कैलेंडर लागू करेंगे। सरलता के लिए, हम इसे ऐसा बनाएंगे कि कैलेंडर वर्तमान महीने के लिए दिखाई दे। लेकिन इस आधार पर कि इसे आगे बढ़ाया जा सकता है, ताकि महीने और वर्ष को बदला जा सके। यहाँ एक नमूना है कि हमें क्या प्राप्त करना चाहिए:

यहाँ वह मार्कअप है जिसका आप उपयोग कर सकते हैं समस्या को हल करते समय:

html<div id="parent">
  <div id="calendar">
    <table>
      <thead>
        <tr>
          <th>सोम</th>
          <th>मंगल</th>
          <th>बुध</th>
          <th>गुरु</th>
          <th>शुक्र</th>
          <th>शनि</th>
          <th>रवि</th>
        </tr>
      </thead>
      <tbody class="body"></tbody>
    </table>
  </div>
</div>

css#parent {
  text-align: center;
}
#calendar {
  display: inline-block;
}
#calendar td, #calendar th {
  padding: 5px 12px;
  border: 1px solid black;
  text-align: center;
}

आइए तुरंत सभी आवश्यक टैग के लिंक प्राप्त करें चर में, और वर्तमान महीने और वर्ष भी लिखें:

javascriptlet calendar = document.querySelector('#calendar');
let body = calendar.querySelector('.body');

let date  = new Date();
let year  = date.getFullYear();
let month = date.getMonth();