<div class="wow fadeIn content calendar"> <form action="" method="post" class="prev_month"> <input type="image" src="prev_cal.jpg" /> <input type="hidden" name="year" value="2018" /> <input type="hidden" name="month" value="04" /> <input type="hidden" name="action_calc" value="prev_cal" /> </form> <form action="" method="post" class="next_month"> <input type="image" src="next_cal.jpg" /> <input type="hidden" name="year" value="2018" /> <input type="hidden" name="month" value="04" /> <input type="hidden" name="action_calc" value="next_cal" /> </form> <span>1</span><span>2</span><span>3</span><span>4</span><span>5</span><span>6</span><span>7</span><span>8</span><span>9</span><span>10</span><span>11</span><span>12</span><span>13</span><span>14</span><span>15</span><span>16</span><span>17</span><span>18</span><span>19</span><span>20</span><span>21</span><span>22</span><span>23</span><span>24</span><span>25</span><span class="today">26</span><span>27</span><span>28</span><span>29</span><span>30</span> </div>
oraz css
.calendar{ padding:10rem 0; text-align:center; position:relative; } .calendar span, .calendar a{ width:3%; text-align:center; display:inline-block; text-decoration:none; line-height:7rem; background: #F2F2F2; } .calendar a.entry{ background:#2e3b59; color:#fff; position:relative; } .calendar .today{ background:#e4e4e4; font-weight:bold; } .calendar a.entry .info img{ position:absolute; top:-10px; left:50%; transform:translate(-50%,0); } .calendar a.entry .info{ display:none; padding:1rem 2rem; color:#fff; background:#2e3b59; font-size:2rem; text-align:center; text-decoration:none; position:absolute; bottom:-11rem; z-index:99999999999999; left:50%; white-space:nowrap; transform:translate(-50%,0); box-shadow: 7px 6px #c8c8c8; } .calendar a.entry:hover{ text-decoration:none; } .calendar a.entry:hover .info{ display:block; } .calendar .prev_month{ position:absolute; left:5px; bottom:11rem; } .calendar .next_month{ position:absolute; right:5px; bottom:11rem; }
błagam o pomoc z javascript bo dopiero zaczynam i jestem kompletnie zielony z js. Skrypt ma za zadanie zwracać obecny dzień miesiąc oraz rok oraz za pomocą strzałek w przód i w tył umożliwiać zmiane miesiąca czyli jak mamy teraz kwiecień to gdy klikne następny miesiąc ma być maj a gdy klikne w tył ma być kwiecień itd. Błagam o jakiś kod z tym js bo naprawde próbowalem sam to ogarnąć ale nie działało tak jak trzeba. Błagam o pomoc.