Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.03.2017, 23:37
Новичок на форуме
Отправить личное сообщение для Pranik Посмотреть профиль Найти все сообщения от Pranik
 
Регистрация: 17.03.2017
Сообщений: 1

Переключатель месяцев и годов в календаре
Добрый день, нашел такой календарь
window.onload = function(){
    var currentDate = new Date();
    var month_name = ['January','February','March','April','May','June','July','August','September','October','November','December'];
    var month = currentDate.getMonth();
    var year = currentDate.getFullYear();
    var first_date = month_name[month] + " " + 1 + " " + year;
    var tmp = new Date(first_date).toDateString();
    var first_day = tmp.substring(0, 3);    //Mon
    var day_name = ['Mon','Tue','Wed','Thu','Fri','Sat','Sun'];
    var day_nomer = day_name.indexOf(first_day);   //1
    var days = new Date(year, month+1, 0).getDate();
    var today = currentDate.getDate();
    var calendar = get_calendar(day_nomer, days);
    document.getElementById("calendar-m-y").innerHTML = month_name[month]+" "+year;
    document.getElementById("calendar-dates").appendChild(calendar);
}

function get_calendar(day_nomer, days){
    var table = document.createElement('table');
    var tr = document.createElement('tr');
    
    /* ряд с днями */
    for(var i=0; i<=6; i++){
        var td = document.createElement('td');
        td.innerHTML = "ПВСЧПСВ"[i];
        tr.appendChild(td);
    }
    table.appendChild(tr);
    
    /* второй ряд */
    tr = document.createElement('tr');
    var i;
    for(i=0; i<=6; i++){
        if(i == day_nomer){
            break;
        }
        var td = document.createElement('td');
        td.innerHTML = "";
        tr.appendChild(td);
    }
    
    var count = 1;
    for(; i<=6; i++){
        var td = document.createElement('td');
        td.innerHTML = count;
        count++;
        tr.appendChild(td);
    }
    table.appendChild(tr);
    
    /* остальные ряды */
    for(var j=3; j<=7; j++){
        tr = document.createElement('tr');
        for(var i=0; i<=6; i++){

            if(count > days){
                table.appendChild(tr);
                return table;
            }
            var td = document.createElement('td');
            td.innerHTML = count;
            count++;
            tr.appendChild(td);
        }
        table.appendChild(tr);
    }
	return table;
}


<body>
  <div class="wrapper">
    <div id="calendar-container">
        <div id="calendar-header">
            <span id="calendar-m-y"></span>
        </div>
          <div id="calendar-dates">
        </div>
    </div>
  </div>
 
    <script src="js/main.js"></script>
  </body>


Как добавить смену месяцев и годов по кнопкам?
целый день пробовал, но из-за того что знаком с js пару дней не понимаю как сделать, помогите

без датапикеров, просто js

Последний раз редактировалось Pranik, 17.03.2017 в 23:43.
Ответить с цитированием
  #2 (permalink)  
Старый 17.03.2017, 23:41
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Pranik,
http://jqueryui.com/datepicker/#inline
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Переключение месяцев в календаре miusov Элементы интерфейса 2 28.07.2016 10:05
datepicker и диапазон годов tiho jQuery 5 23.07.2013 16:18
помогите разобраться в календаре Dracula_666 Сайт Javascript.ru 8 17.11.2012 01:24