Current Path : /home/bitrix/ext_www/oldfck.yacl.site/build/ |
Current File : /home/bitrix/ext_www/oldfck.yacl.site/build/online-lessons.html |
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <title>title</title> <meta name="keywords" content=""> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta property="og:title" content=""> <meta property="og:site_name" content=""> <meta property="og:url" content=""> <meta property="og:description" content=""> <meta property="og:image" content=""> <link rel="stylesheet" href="assets/css/general.min.css?v=4"> </head> <body id="body"> <div class="wrapper"> <form class="pv"> <div class="container"> <ul class="list list-flex pv-options"> <li class="pv-options-item"> <div class="pv-toggler pv-toggler-radio pv-toggler-type-size pv-toggler-type-size_normal"> <input type="radio" name="size" id="pv_size_1" value="normal"> <label for="pv_size_1"><span>А</span></label> </div> </li> <li class="pv-options-item"> <div class="pv-toggler pv-toggler-radio pv-toggler-type-size pv-toggler-type-size_medium pv-toggler_active"> <input type="radio" name="size" id="pv_size_2" value="medium" checked> <label for="pv_size_2"><span>А</span></label> </div> </li> <li class="pv-options-item"> <div class="pv-toggler pv-toggler-radio pv-toggler-type-size pv-toggler-type-size_large"> <input type="radio" name="size" id="pv_size_3" value="large"> <label for="pv_size_3"><span>А</span></label> </div> </li> </ul> <ul class="list list-flex pv-options"> <li class="pv-options-item"> <div class="pv-toggler pv-toggler-radio pv-toggler-type-color pv-toggler-type-color_color"> <input type="radio" name="color" id="pv_color_1" value="color"> <label for="pv_color_1">Цветоной</label> </div> </li> <li class="pv-options-item"> <div class="pv-toggler pv-toggler-radio pv-toggler-type-color pv-toggler-type-color_blackwhite pv-toggler_active"> <input type="radio" name="color" id="pv_color_2" value="blackwhite" checked> <label for="pv_color_2">Черное на белом</label> </div> </li> </ul> <div class="pv-toggler pv-toggler-type-image"> <input type="checkbox" name="image" id="pv_image" value="image"> <label for="pv_image"></label> </div> <button class="pv-button">Обычная версия</button> </div> </form> <header class="header"> <div class="container"><a class="logotype" href="#">Федеральный Центр Компетенций</a> <div class="header-controls"> <div class="header-search"> <form class="form light-fields" action=""> <input class="form-field" type="text" name="search-text" value=""> <button class="header-search-button" type="submit"></button> <!--div.autocomplete-result ul.list -for (var i = 0; i < 8; i++) li.list-item a.list-link(href="#") span.list-link-text span.list-link-title span <b>Больш</b>ую часть работ на Кадашевской часть работ на Кадашевской span Событие span.list-link-icon svg(version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="29.7px" height="31px" viewBox="0 0 29.7 31" style="enable-background:new 0 0 29.7 31;" xml:space="preserve") g path(d="M0,5.1v20.8C0,26.5,0.5,27,1.1,27h18.4c0.6,0,1.1-0.5,1.1-1.1V1.1c0-0.6-0.5-1.1-1.1-1.1H5.1L4.8,0.2l0,0 L0.2,4.8l0,0L0,5.1z M4.6,4.6h-2l2-2V4.6z M1.5,6.1H5c0.6,0,1.1-0.5,1.1-1.1V1.5h13v23.9H1.5V6.1z") path(d="M17.5,8.7c0,0.4-0.3,0.6-0.6,0.6H3.8C3.4,9.3,3.2,9,3.2,8.7c0-0.4,0.3-0.6,0.6-0.6h13.1 C17.2,8.1,17.5,8.4,17.5,8.7z") path(d="M3.8,11.6h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,11.9,3.4,11.6,3.8,11.6z") path(d="M3.8,15.2h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,15.5,3.4,15.2,3.8,15.2z") path(d="M28.9,4.9l-7.6-2v1.6l6.8,1.8l-6.2,23.1l-6.7-1.8H9.3l12.6,3.4c0.6,0.2,1.2-0.2,1.4-0.8l6.4-23.8 C29.8,5.7,29.5,5.1,28.9,4.9z") path(d="M3.8,18.8h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,19,3.4,18.8,3.8,18.8z") a.autocomplete-result-all(href="#") Смотреть все результаты --> <!--div.autocomplete-result ul.list.list-hashtags.list-title-blue -for (var i = 0; i < 4; i++) li.list-item a.list-link(href="#") span.list-link-text span.list-link-title span #труд span Событие span.header-search-result-title популярные: ul.list.list-hashtags -for (var i = 0; i < 2; i++) li.list-item a.list-link(href="#") span.list-link-text span.list-link-title span #труд span Событие a.autocomplete-result-all(href="#") Смотреть все результаты --> </form><a class="search" href="#">Поиск</a> </div><span class="visually-impaired pv-button">Версия для слабовидящих</span> </div> <div class="header-account"> <div class="header-account-photo"></div> <div class="header-account-info"><span class="header-account-name text-overflow">Константин</span><span class="header-account-name text-overflow">Константинопольский</span> <div><a class="header-account-exit" href="#"><span>Выход</span></a></div><a class="header-account-settings" href="#"><span>Настройки</span></a> </div> </div> </div> </header> <header class="header-mobile"> <div class="container"><a class="logotype" href="#">Федеральный Центр Компетенций</a><span class="search-open-control">Открыть поиск</span><span class="mobile-menu-toggle">Меню</span></div> <form class="form form-search" action=""> <div class="form-group"> <div class="form-item"> <input class="form-field" type="text" value=""> </div> <button>Искать</button> </div> <!--div.autocomplete-result ul.list -for (var i = 0; i < 8; i++) li.list-item a.list-link(href="#") span.list-link-text span.list-link-title span <b>Больш</b>ую часть работ на Кадашевской часть работ на Кадашевской span Событие span.list-link-icon svg(version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="29.7px" height="31px" viewBox="0 0 29.7 31" style="enable-background:new 0 0 29.7 31;" xml:space="preserve") g path(d="M0,5.1v20.8C0,26.5,0.5,27,1.1,27h18.4c0.6,0,1.1-0.5,1.1-1.1V1.1c0-0.6-0.5-1.1-1.1-1.1H5.1L4.8,0.2l0,0 L0.2,4.8l0,0L0,5.1z M4.6,4.6h-2l2-2V4.6z M1.5,6.1H5c0.6,0,1.1-0.5,1.1-1.1V1.5h13v23.9H1.5V6.1z") path(d="M17.5,8.7c0,0.4-0.3,0.6-0.6,0.6H3.8C3.4,9.3,3.2,9,3.2,8.7c0-0.4,0.3-0.6,0.6-0.6h13.1 C17.2,8.1,17.5,8.4,17.5,8.7z") path(d="M3.8,11.6h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,11.9,3.4,11.6,3.8,11.6z") path(d="M3.8,15.2h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,15.5,3.4,15.2,3.8,15.2z") path(d="M28.9,4.9l-7.6-2v1.6l6.8,1.8l-6.2,23.1l-6.7-1.8H9.3l12.6,3.4c0.6,0.2,1.2-0.2,1.4-0.8l6.4-23.8 C29.8,5.7,29.5,5.1,28.9,4.9z") path(d="M3.8,18.8h13.1c0.4,0,0.6,0.3,0.6,0.6c0,0.4-0.3,0.6-0.6,0.6H3.8c-0.4,0-0.6-0.3-0.6-0.6 C3.2,19,3.4,18.8,3.8,18.8z") a.autocomplete-result-all(href="#") Смотреть все результаты --> </form> <nav class="navigation-mobile"> <ul class="list"> <li class="list-item"><a class="list-link" href="#"><span>О нас</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>База знаний</span></a></li> <li class="list-item active"><a class="list-link" href="#"><span>Маркетплейс</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Экспресс-диагностика</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Бенчмаркинг</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Меры поддержки</span></a></li> <li class="list-item"><a class="list-link" href="#"><span class="list-profile list-login">Вход / Регистрация</span></a></li> <li class="list-item list-twolinks"><a class="list-link col-50" href="#"><span class="list-userpic" style="background-image: url('pict/company-ava.jpg'); background-sizeL cover; background-position: center;"></span><span class="list-profile">Профиль</span></a><a class="list-link col-50" href="#"><span class="list-profile list-exit">Выйти</span></a></li> </ul> </nav> </header> <!-- header mobile--> <nav class="navigation"> <div class="container"> <ul class="list list-flex"> <li class="list-item"><a class="list-link" href="#">О нас</a></li> <li class="list-item"><a class="list-link" href="#">База знаний</a> <ul class="list"> <li class="list-item"><a class="list-link" href="#">Пункт меню</a></li> <li class="list-item active"><a class="list-link" href="#">Пункт меню длинный в 2 строчки</a></li> <li class="list-item"><a class="list-link" href="#">Пункт меню</a></li> <li class="list-item"><a class="list-link" href="#">Пункт меню</a></li> </ul> </li> <li class="list-item active"><a class="list-link" href="#">Маркетплейс</a> <ul class="list"> <li class="list-item"><a class="list-link" href="#">Пункт меню</a></li> <li class="list-item active"><a class="list-link" href="#">Пункт меню длинный в 2 строчки</a></li> <li class="list-item"><a class="list-link" href="#">Пункт меню</a></li> <li class="list-item"><a class="list-link" href="#">Пункт меню</a></li> </ul> </li> <li class="list-item"><a class="list-link" href="#">Экспресс-диагностика</a></li> <li class="list-item"><a class="list-link" href="#">Бенчмаркинг</a></li> <li class="list-item"><a class="list-link" href="#">Меры поддержки</a></li> </ul> </div> </nav> <div class="container"> <ul class="list list-inline crumbs"> <li class="list-item"><a class="list-link" href="">ФЦК</a></li> <li class="list-item"><a class="list-link" href="">ФЦК</a></li> <li class="list-item"><a class="list-link" href="">ФЦК</a></li> <li class="list-item"><span>Лекции</span></li> </ul> </div> <!-- crumbs--> <main class="main"> <section class="section"> <div class="container"> <h1>Онлайн-лекции</h1><span class="title-footnote">Здесь вы можете посмотреть лекции по интересующей вас тематике</span> </div> </section> <!-- section--> <section class="section section-item section-hero"> <div class="container"> <form class="form light-fields form-search" action=""> <div class="form-group form-column"> <div class="form-item flex-middle"> <input class="form-field" type="text" value=""> </div> <div class="form-item"> <button class="button button-icon-right button-search">Искать</button> </div> </div> <div class="form-group form-column form-column-middle"> <div class="form-checkbox col-25 checkbox-button"> <input type="checkbox" id="check-1" name="policy"> <label for="check-1">Показать пройденные</label> </div> <div class="form-checkbox col-25"> <input type="checkbox" id="check-2" name="policy"> <label for="check-2">Самые популярные</label> </div> <div class="form-checkbox col-25"> <input type="checkbox" id="check-3" name="policy"> <label for="check-3">Самый высокий рейтинг</label> </div> <div class="form-checkbox col-25"> <input type="checkbox" id="check-4" name="policy"> <label for="check-4">Рекомендуемые вам</label> </div> </div> </form> </div> </section> <!-- section--> <section class="section section-item"> <div class="container"> <div class="content content-menu"> <aside class="aside"> <h3 class="section-title">Темы лекций</h3> <div class="aside-menu-holder"> <ul class="list menu-list" data-show="5"> <li class="list-item active"><a class="list-link" href="#"><span>Экономика</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Экономика</span></a></li> <li class="list-item"><a class="list-link" href="#"><span>Повышение производительности</span></a></li> </ul> </div> <div class="button-line"><a class="button button-icon-right button-arrow-down" href="#">Полный список</a></div> </aside> <article class="article"> <div class="lessons-block-item"> <div class="heading"> <h3 class="section-title heading-title">Календарь лекций</h3> <div class="view-switch"><a class="view-switch-item view-switch-list" href="#">Список</a><a class="view-switch-item view-switch-calendar active" href="#">Календарь</a></div> </div> </div> <div class="calendar-inline"> <input type="hidden" id="calendar-month"> <input type="hidden" id="calendar-year"> <div id="calendar"></div><span class="calendar-loader"></span> </div> </article> </div> </div> </section> <!-- section--> <section class="section section-item"> <div class="container"> <ul class="list list-flex partners-list"> <li class="list-item"><span class="list-logo"><img src="pict/partner.png" alt=""></span><a href="#">Росимущество</a> <p>Федеральное агентство по управлению государственным имуществом</p> </li> <li class="list-item"><span class="list-logo"><img src="pict/partner.png" alt=""></span><a href="#">Роспатент</a> <p>Федеральная служба по интеллектуальной собственности</p> </li> <li class="list-item"><span class="list-logo"><img src="pict/partner.png" alt=""></span><a href="#">Росреестр</a> <p>Федеральная служба государственной регистрации, кадастра и картографии</p> </li> <li class="list-item"><span class="list-logo"><img src="pict/partner.png" alt=""></span><a href="#">Росаккредитация</a> <p>Федеральная служба по аккредитации</p> </li> <li class="list-item"><span class="list-logo"><img src="pict/partner.png" alt=""></span><a href="#">Росстат</a> <p>Федеральная служба государственной статистики</p> </li> </ul> </div> </section> </main> <!-- main--> </div> <footer class="footer"> <!--div.footer-navigation div.container nav.navigation-bottom ul.list li.list-item: a.list-link(href="#") О министерстве li.list-item: a.list-link(href="#") Деятельность li.list-item: a.list-link(href="#") Документы li.list-item: a.list-link(href="#") Обращения граждан li.list-item: a.list-link(href="#") Пресс-служба li.list-item: a.list-link(href="#") Контакты ul.list li.list-item: a.list-link(href="#") О министерстве li.list-item: a.list-link(href="#") Деятельность li.list-item: a.list-link(href="#") Документы li.list-item: a.list-link(href="#") Обращения граждан li.list-item: a.list-link(href="#") Пресс-служба li.list-item: a.list-link(href="#") Контакты ul.list li.list-item: a.list-link(href="#") О министерстве li.list-item: a.list-link(href="#") Деятельность li.list-item: a.list-link(href="#") Документы li.list-item: a.list-link(href="#") Обращения граждан li.list-item: a.list-link(href="#") Пресс-служба li.list-item: a.list-link(href="#") Контакты div.footer-controls a.button.button-gray.js-popup(href="#feedback") Обратная связь div.languages span.languages-value <img src="pict/l-rus.jpg" alt=""><span>Рус</span> --> <div class="footer-info"> <div class="container"> <div class="logo-line"><a class="logo-line-item veb-logo" href="#" title="Банк Развития">Банк Развития</a><a class="logo-line-item mer-logo" href="#" title="Министерство экономического развития">Министерство экономического развития</a></div> <div class="footer-test">Система находится в опытной эксплуатации. В случае обнаружения некорректных данных сообщите по адресу: collaboration@vebeng.ru</div> <div class="footer-address"><span class="footer-address-item">Email: <a href="mailto:collaboration@vebeng.ru">collaboration@vebeng.ru</a><br>Канал в telegram: <a href="http://t.me/Collaboration_pfcc">http://t.me/Collaboration_pfcc</a></span> <!-- span.footer-address-item 115324, Москва,#[br]Овчинниковская наб.,#[br]д. 18/1--> <!-- span.footer-address-item 109012, Москва, ул.#[br]Красная Пресня, дом 3,#[br]стр. 1--> </div><a class="button button-white js-popup" href="#feedback">Обратная связь</a><a class="button button-white button-mobile" href="#">Обратная связь</a> </div> </div> </footer> <div class="popup mfp-hide" id="feedback"> <h2><strong>Форма обратной связи</strong></h2> <form class="form light-fields" action=""> <div class="form-group"> <div class="form-item"> <label class="form-label">Имя</label> <input class="form-field" type="text" value=""> </div> </div> <div class="form-group"> <div class="form-item"> <label class="form-label">E-mail</label> <input class="form-field" type="email" value=""> </div> </div> <div class="form-group"> <div class="form-item"> <label class="form-label">Сообщение</label> <textarea class="form-field form-textarea"></textarea> </div> </div> <div class="button-row"> <button class="button button-blue" type="submit">Отправить</button> </div> </form> </div> <!-- JS--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="assets/js/bundle.min.js"></script> <script src="assets/js/common.min.js?v=2"></script> <script> var dateEvents = [ { "day" : 28, "month" : 10, "year" : 2017, "countEvents" : "99" }, { "day" : 2, "month" : 10, "year" : 2017, "countEvents" : "1" }, { "day" : 9, "month" : 10, "year" : 2017, "countEvents" : "2" }, { "day" : 12, "month" : 10, "year" : 2017, "countEvents" : "5" }, { "day" : 13, "month" : 10, "year" : 2017, "countEvents" : "5" }, { "day" : 21, "month" : 8, "year" : 2017, "countEvents" : "2" }, { "day" : 2, "month" : 9, "year" : 2017, "countEvents" : "1" }, { "day" : 8, "month" : 9, "year" : 2017, "countEvents" : "11" } ] var monthNamesShort = ['Янв', 'Фев', 'Мар', 'Апр', 'Май', 'Июн', 'Июл', 'Авг', 'Сен', 'Окт', 'Ноя', 'Дек']; var calendarToday = new Date(); var calendarDD = calendarToday.getDate(); var calendarM = monthNamesShort[calendarToday.getMonth()]; var calendarYYYY = calendarToday.getFullYear(); $('#calendar').datepick({ showOtherMonths: true, firstDay: 0, changeMonth: false, monthNames: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'], monthNamesShort: monthNamesShort, dayNames: ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'], dayNamesShort: ['Вос', 'Пон', 'Вто', 'Сре', 'Чет', 'Пят', 'Суб'], dayNamesMin: ['Вс', 'Пн', 'Вт', 'Ср', 'Чт', 'Пт', 'Сб'], firstDay: 1, prevText: '<', prevStatus: 'Предыдущий месяц', prevJumpText: '<', prevJumpStatus: 'Предыдущий год', nextText: '>', nextStatus: 'Слудующий месяц', nextJumpText: '>', nextJumpStatus: 'Слудующий год', onSelect: function(dates) { console.log(dates[0].getUTCDate(), dates[0].getMonth() + 1, dates[0].getFullYear()); }, onDate: function (date, currentdate) { var day = date.getDate(); var month = date.getMonth() + 1; var year = date.getFullYear(); var match = false; var index = 0; $.each(dateEvents, function (key, value) { if (day == value.day && month == value.month && year == value.year) { match = true; index = key; return false; } }); if (match) { if (parseInt(dateEvents[index].countEvents) > 1) { return { content: day + '<i>' + dateEvents[index].countEvents + '</i>', dateClass: 'datepick-event datepick-event-show', title: day + '.' + month + '.' + year, selectable: true }; } else { return { content: date.getDate(), dateClass: 'datepick-event', title: day + '.' + month + '.' + year, selectable: true }; } } else { return { content: date.getDate(), title: day + '.' + month + '.' + year, selectable: false }; } }, renderer: $.extend( {}, $.datepick.defaultRenderer, { picker: '<div class="datepick">{months}</div>', monthRow: '{months}', month: '<div class="datepick-header">' + '<span class="datepick-today">Сегодня ' + calendarDD + ' ' + calendarM.toLocaleLowerCase() + ' ' + calendarYYYY + '</span>' + '<div class="datepick-date"><span class="datepick-prev-year"><</span><span class="datepick-date-name" id="year-selected">{yearHeader}</span><span class="datepick-next-year">></span></div>' + '<div class="datepick-date"><span class="datepick-prev-month"><</span><span class="datepick-date-name">{monthHeader}</span><span class="datepick-next-month">></span></div></div>' + '<div class="datepick-calendar"><table><thead>{weekHeader}</thead><tbody>{weeks}</tbody></table></div>', }) }); function setEvents(month, year) { $('.calendar-loader').show(); setTimeout(function () { dateEvents = [ { "day": 31, "month": 8, "year": 2017, "countEvents": "99" }, { "day": 10, "month": 9, "year": 2017, "countEvents": "5" }, { "day": 1, "month": 10, "year": 2017, "countEvents": "11" } ] $('#calendar').datepick('setDate', new Date(year, month - 1, 1)); $('.calendar-loader').hide(); }, 2000); } $d.on('click', '.datepick-prev-month', function () { var currentMonth = parseInt($('#calendar-month').val()); var currentYear = parseInt($('#calendar-year').val()); currentMonth -= 1; if (currentMonth < 1) { currentMonth = 12; currentYear -= 1; } setEvents(currentMonth, currentYear); }); $d.on('click', '.datepick-next-month', function () { var currentMonth = parseInt($('#calendar-month').val()); var currentYear = parseInt($('#calendar-year').val()); currentMonth += 1; if (currentMonth > 12) { currentMonth = 1; currentYear += 1; } setEvents(currentMonth, currentYear); }); $d.on('click', '.datepick-prev-year', function () { var currentMonth = parseInt($('#calendar-month').val()); var currentYear = parseInt($('#calendar-year').val()); currentYear -= 1; setEvents(currentMonth, currentYear); }); $d.on('click', '.datepick-next-year', function () { var currentMonth = parseInt($('#calendar-month').val()); var currentYear = parseInt($('#calendar-year').val()); currentYear += 1; setEvents(currentMonth, currentYear); }); </script> </body> </html>