一个原生阴历日历实现分享

js代码:

let calendarView = Calendar.createUI();
calendarView.setOptions({
    drawValidDay: false,
    /*显示不是本月的天*/
    drawHeaderNav: true,
    /*显示导航标题*/
    drawCalendarTitle: true,
    /*显示日历标题*/
    fixRowsBool: true,
    /*是否显示固定的行数,只显示当月天数时无效*/
    autoSelectToday: true,
    /*是否自动选择今天*/
    viewAutoSelectDay: -1,
    /*当前显示没有选择时自动选择那一天, 0为不选择, 负数为倒数第几天*/
    enabelJsLoadStyle: true,
    /*是否js加载缺省样式,自定义样式文件时,该选项应为false*/
    calendarStyle: "default",
    /*样式类别*/
    useSimpleDayView: false,
    /*使用简单的天显示*/
});


calendarView.onMonthDayTagTextEvent = function(date) {
    return parseInt(Math.random() * 100);
}
calendarView.onMonthDaySelectEvent = function(date) {
    console.log("select:", date.toDateString());
}

//设置选择日期
calendarView.setSelectDate(new Date());

//自定义节日
let festivalSetting = calendarView.getFestival()
festivalSetting.clearSolar(true);
festivalSetting.addSolar((new Date().getMonth() + 1) + "-2", "生日");

calendarView.view("calendarCustomPanel");
console.log(calendarView.getSelectDate().toDateString());
console.log(calendarView.solar2lunar());

[日历效果]:  

演示地址:
[http://zopensource.com/calendar-ui/](http://zopensource.com/calendar-ui/)

源码地址:
[https://gitee.com/ext-opensource/calendar-ui](https://gitee.com/ext-opensource/calendar-ui)