js, um einen einfachen Kalendereffekt zu erzielen

## CSS-Modul <style type="text/css">
  *{
   Rand: 0;
   Polsterung: 0;
  }
  .Datum{
   Breite: 300px;
   Höhe: 220px;
   Rand: 1px durchgezogen #000;
   Rand: 100px automatisch;
  }
  .Titel{
   Breite: 200px;
   Anzeige: Flex;
   Schriftgröße: 12px;
   Rand: automatisch;
   Textausrichtung: zentriert;
   Inhalt ausrichten: Abstand herum;
   Elemente ausrichten: zentrieren;
  }
  .Jahr{
   Rand: 0 40px;
   Anzeige: Flex;
   Flex-Richtung: Spalte;
  }
  #Woche{
   Rahmen oben: 1px durchgezogen #000;
   Rahmen unten: 1px durchgezogen #000;
   Rand: automatisch;
   Listenstiltyp: keiner;
   Anzeige: Flex;
  }
  #Woche li{
   Anzeige: Inline-Block;
   Textausrichtung: zentriert;
   biegen: 1;
  }
  #ul{
   Listenstiltyp: keiner;
   Rand oben: 5px;
  }
  #ul li {
   Anzeige: Inline-Block;
   Breite: 40px;
   Höhe: 21px;
   Textausrichtung: zentriert;
   Rand: 1px durchgezogen #fff;
  }
  .aktuell{
   Farbe: rot;
  }
  #ul li:hover{
   Rand: 1px durchgehend rot;
  }
  #vorherige,#nächste{
   Cursor: Zeiger;
  }
 </Stil>

##html
<div Klasse="Datum">
  <div Klasse="Titel">
   <span id="prev">&lt;Vorheriger Monat</span>
   <div Klasse="Jahr">
    <span id="year">2021</span>
    <span id="month">Mai</span>
   </div>
   <span id="next">Nächsten Monat&gt;</span>
  </div>
  <!-- Verwenden Sie ul, um einen Kalender zu erstellen -->
  <ul id="Woche">
   <li>Tag</li>
   <li>Eins</li>
   <li>Zwei</li>
   <li>Drei</li>
   <li>Vier</li>
   <li>Fünf</li>
   <li>Sechs</li>
  </ul>
  <ul-ID="ul">
   
  </ul>
</div>

## js-Code <script type="text/javascript">
  // Datumsobjekt, praktisch zum Wechseln der Monate, also legen Sie es als global fest let date = new Date();
  // Klicken, um das Monatsereignis zu wechseln document.getElementById('prev').addEventListener('click',function(){
   date.setMonth(date.getMonth()-1);
   hinzufügen();
  })
  document.getElementById('weiter').addEventListener('klicken',function(){
   date.setMonth(date.getMonth()+1);
   hinzufügen();
  })
  hinzufügen();
  
  //Funktion zum Erstellen eines Kalenders function add(){
   // Aktuelles Jahr let cYear = date.getFullYear();
   // Aktueller Monat let cMonth = date.getMonth()+1;
   // Aktuelles Datum abrufen let cDay = date.getDate();
   
   // Jahr und Monat schreiben document.getElementById('year').innerHTML = cYear;
   document.getElementById('Monat').innerHTML = cMonat+'Monat';
   
   
   let Tage = neues Datum(cJahr, cMonat, -1);
   // Die Anzahl der Tage im aktuellen Monat let n = days.getDate()+1;
   // Welcher Wochentag ist der erste Tag jedes Monats let week = new Date(cYear,cMonth-1,1).getDay();
   lass html = '';
   //In Dom schreiben
   für (lass i = 0; i < Woche; i ++) {
    html+=`<li></li>`
   }
   für (lass i = 1; i <= n; i++) {
    wenn(i==cTag){
     html+=`<li class="current">${i}</li>`
    }anders{
     html+=`<li>${i}</li>`
    }
   }
   // Einmal einfügen document.getElementById('ul').innerHTML = html
  }
</Skript>