Ty_Meow,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script>
var index = 0, len = 2;
function listNext() {
var id = "page_" + (index + 1);
var elem = document.getElementById(id);
elem.style.display = "none";
index++;
if(index == len) index = 0;
id = "page_" + (index + 1);
elem = document.getElementById(id);
elem.style.display = "block";
}
</script>
</head>
<body>
<div class="btn_back"><</div>
<div class="btn_forward" onclick="listNext()">></div>
<div id="page_1">
<h3>Апрель 2018</h3>
<ul class="days">
<li class="day other-month">
<div class="date">Понедельник, 26</div>
</li>
<li class="day other-month">
<div class="date">Вторник, 27</div>
</li>
<li class="day other-month">
<div class="date">Среда, 28</div>
</li>
<li class="day other-month">
<div class="date">Четверг, 29</div>
</li>
<li class="day other-month">
<div class="date">Пятница, 30</div>
</li>
<li class="day other-month">
<div class="date">Суббота, 31</div>
</li>
<li class="day__event">
<div class="date">Воскресенье, 1</div>
<div class="event">
<div class="event-desc">
<br></br>
</div>
<div class="event-time"></div>
</div>
</li>
</ul></div>
<div id="page_2">
<h3>Май 2018</h3>
<ul class="days">
<li class="day other-month">
<div class="date">Понедельник, 30</div>
</li>
<li class="day">
<div class="date">Вторник, 1</div>
</li>
<li class="day">
<div class="date">Среда, 2</div>
</li>
<li class="day">
<div class="date">Четверг, 3</div>
</li>
<li class="day">
<div class="date">Пятница, 4</div>
</li>
<li class="day">
<div class="date">Суббота, 5</div>
</li>
<li class="day__event">
<div class="date">Воскресенье, 6</div>
<div class="event">
<div class="event-desc">
<br></br>
</div>
<div class="event-time"></div>
</div>
</li>
</ul></div>
</body>
</html>