Calendar Anual cu Sărbători Legale

✨ PREVIZUALIZARE LIVE: Calendar Anual cu Sărbători Legale ✨

Iunie 2026

Lu

Ma

Mi

Jo

Vi

Sâ

Du

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

Notă: Datele evidențiate cu roșu reprezintă sărbătorile legale. Pune cursorul pe ele pentru detalii.

Script realizat de petre-vitan Click în casetă pentru selectare totală

<div style="background: #111; border: 2px solid #333; width: 100%; max-width: 400px; padding: 15px; border-radius: 10px; box-shadow: 0px 4px 10px rgba(0,0,0,0.5); font-family: sans-serif; margin: 0 auto; box-sizing: border-box; position: relative;"> <!-- Realizat de petre-vitan --> <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;"> <select id="lunaSelect" onchange="randareCal()" style="background: #222; color: #fff; border: 1px solid #444; padding: 6px; border-radius: 4px; font-size: 14px; outline: none; cursor: pointer;"> <option value="0">Ianuarie</option><option value="1">Februarie</option><option value="2">Martie</option><option value="3">Aprilie</option><option value="4">Mai</option><option value="5">Iunie</option><option value="6">Iulie</option><option value="7">August</option><option value="8">Septembrie</option><option value="9">Octombrie</option><option value="10">Noiembrie</option><option value="11">Decembrie</option> </select> <span style="color: #00ff88; font-weight: bold; font-size: 16px; font-family: monospace;">2026</span> </div> <div style="display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; font-weight: bold; font-size: 12px; color: #ff9f0a; margin-bottom: 10px; border-bottom: 1px solid #333; padding-bottom: 5px;"> <div>Lu</div><div>Ma</div><div>Mi</div><div>Jo</div><div>Vi</div><div>Sâ</div><div>Du</div> </div> <div id="zileGrile" style="display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; text-align: center; font-size: 14px; font-family: monospace;"></div> <div id="casetaInfoPop" style="display: none; position: absolute; background: #050505; color: #00ff88; border: 1px solid #00ff88; padding: 6px 10px; font-size: 12px; border-radius: 4px; box-shadow: 0 4px 8px rgba(0,0,0,0.8); z-index: 100; pointer-events: none; white-space: nowrap;"></div> </div> <script> const sLegale = {"0-1":"Anul Nou","0-2":"Anul Nou","0-6":"Boboteaza","0-7":"Sfântul Ioan Botezătorul","0-24":"Unirea Principatelor","3-10":"Paștele Ortodox","3-11":"A doua zi de Paște","3-12":"A treia zi de Paște","4-1":"Ziua Muncii","5-1":"Ziua Copilului","5-28":"Rusalii","5-29":"A doua zi de Rusalii","7-15":"Adormirea Maicii Domnului","10-30":"Sfântul Andrei","11-1":"Ziua Națională","11-25":"Crăciunul","11-26":"A doua zi de Crăciun"}; function randareCal() { const g = document.getElementById("zileGrile"), l = parseInt(document.getElementById("lunaSelect").value), p = document.getElementById("casetaInfoPop"); g.innerHTML = ""; const pZ = new Date(2026, l, 1).getDay(), nZ = new Date(2026, l + 1, 0).getDate(); let s = pZ === 0 ? 6 : pZ - 1; for (let i = 0; i < s; i++) g.appendChild(document.createElement("div")); const az = new Date(); for (let z = 1; z <= nZ; z++) { const d = document.createElement("div"); d.innerText = z; d.style.padding = "6px 0"; d.style.color = "#ccc"; d.style.borderRadius = "4px"; const k = l + "-" + z; if (sLegale[k]) { d.style.background = "#8b0000"; d.style.color = "#fff"; d.style.fontWeight = "bold"; d.style.cursor = "pointer"; d.onmouseenter = function() { p.innerText = sLegale[k]; p.style.display = "block"; p.style.left = (d.offsetLeft + (d.offsetWidth / 2) - 60) + "px"; p.style.top = (d.offsetTop - 35) + "px"; }; d.onmouseleave = function() { p.style.display = "none"; }; } if(az.getFullYear() === 2026 && az.getMonth() === l && az.getDate() === z) { d.style.background = "#28a745"; d.style.color = "#fff"; d.style.fontWeight = "bold"; } g.appendChild(d); } } window.onload = function() { document.getElementById("lunaSelect").value = new Date().getMonth(); randareCal(); }; </script>