jQuery和Bootstrap 4简单的日历插件

初始化插件

<div class=”container”> <div class=”calendar”></div></div> $(‘.calendar’).calendar(); //tiggered when year is chaned to previous $(‘.calendar’).on(‘jqyc.changeYearToPrevious’, function (event) { var currentYear = $(this).find(‘.jqyc-change-year’).data(‘year’); console.log(currentYear); });//tiggered when year is chaned to next $(‘.calendar’).on(‘jqyc.changeYearToNext’, function (event) { var currentYear = $(this).find(‘.jqyc-next-year’).data(‘year’); console.log(currentYear); });//tiggered when day is clicked $(‘.calendar’).on(‘jqyc.dayChoose’, function (event) { var choosenYear = $(this).data(‘year’); var choosenMonth = $(this).data(‘month’); var choosenDay = $(this).data(‘day-of-month’); var date = new Date(choosenYear, choosenMonth, choosenDay); console.log(date); });