会议日历

liukangdong

2024-05-11 c7c2a6f6fa97ccb08129a9acbcb5be72ab2bdde2

会议日历

 h5/pages.json

@@ -287,6 +287,24 @@
            }
            

        }

        ,{

            "path" : "pages/staff/meetingCalendar",

            "style" :                                                                                    
            {
                "navigationBarTitleText": "会议日历",
                "enablePullDownRefresh": false
            }
            
        }

        ,{

            "path" : "pages/staff/meetingDetail",

            "style" :                                                                                    
            {
                "navigationBarTitleText": "会议详情",
                "enablePullDownRefresh": false
            }
            
        }

    ],

    "subPackages": [{

            "root": "n_pages",


 h5/pages/staff/index.vue

@@ -50,7 +50,7 @@
                <view class="h2">TASK CENTER</view>
                <view class="task_num">99+</view>
            </view>
            <view class="img_wrap" @click="jump('/pages/staff/task/index')">
            <view class="img_wrap" @click="jump('/pages/staff/meetingCalendar')">
                <image class="img" src="@/static/staff/ic_wodehuiyi.png"></image>
                <view class="h1">我的会议日历</view>
                <view class="h2">MY MEETING CALENDAR</view>

 h5/pages/staff/meetingCalendar.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,281 @@
<template>
    <view class="main_app">
        <view class="tabs">
            <view class="tab" :class="{ active: activeTab === '0' }" @click="tabClick('0')">
                <text class="name">会议日历</text>
                <view class="line"></view>
            </view>
            <view class="tab" :class="{ active: activeTab === '1' }" @click="tabClick('1')">
                <text class="name">预约记录</text>
                <view class="line"></view>
            </view>
        </view>
        <!--  -->
        <template v-if="activeTab == '0'">
            <uni-calendar @change="changeCalendar" :selected="selected" />
            <!--  -->
            <view class="card_list">
                <view class="card_title">
                    <view class="name">
                        <view class="icon"></view>
                        <view class="text">今日会议</view>
                    </view>
                    <view class="meeting">
                        <view class="text mr24">全部会议室</view>
                        <u-icon name="arrow-down" size="12" color="#999999" />
                    </view>
                </view>
                <view class="list">
                    <view class="item">
                        <view class="head">
                            <view class="name">aaaaa选型</view>
                            <view class="status">即将开始</view>
                        </view>
                        <view class="line">
                            <view class="label">会议时间：</view>
                            <view class="value">12:00-12</view>
                        </view>
                        <view class="line">
                            <view class="label">会议室：</view>
                            <view class="value">202会议室</view>
                        </view>
                        <view class="line">
                            <view class="label">预约人：</view>
                            <view class="value">杨某某</view>
                        </view>
                        <view class="line">
                            <view class="label">备注：</view>
                            <view class="value">--</view>
                        </view>
                    </view>
                </view>
            </view>
        </template>
        <!--  -->
        <template v-if="activeTab === '1'">
            <view class="card_list">
                <view class="list">
                    <view class="item" @click="handleDetail()">
                        <view class="head">
                            <view class="name">aaaaa选型</view>
                            <view class="status">即将开始</view>
                        </view>
                        <view class="line">
                            <view class="label">会议时间：</view>
                            <view class="value">12:00-12</view>
                        </view>
                        <view class="line">
                            <view class="label">会议室：</view>
                            <view class="value">202会议室</view>
                        </view>
                        <view class="line">
                            <view class="label">预约人：</view>
                            <view class="value">杨某某</view>
                        </view>
                        <view class="line">
                            <view class="label">备注：</view>
                            <view class="value">--</view>
                        </view>
                    </view>
                </view>
            </view>
        </template>
    </view>
</template>

<script>
function getDate(date, AddDayCount = 0) {
    if (!date) {
        date = new Date();
    }
    if (typeof date !== 'object') {
        date = date.replace(/-/g, '/');
    }
    const dd = new Date(date);

    dd.setDate(dd.getDate() + AddDayCount); // èŽ·å–AddDayCount天后的日期

    const y = dd.getFullYear();
    const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1; // èŽ·å–当前月份的日期，不足10è¡¥0
    const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate(); // èŽ·å–当前几号，不足10è¡¥0
    return {
        fullDate: y + '-' + m + '-' + d,
        year: y,
        month: m,
        date: d,
        day: dd.getDay()
    };
}
export default {
    data() {
        return {
            activeTab: '0',
            selected: [
                {
                    date: getDate(new Date(), -3).fullDate
                    // info: '打卡'
                },
                {
                    date: getDate(new Date(), -2).fullDate,
                    // info: '签到',
                    data: {
                        custom: '自定义信息',
                        name: '自定义消息头'
                    }
                },
                {
                    date: getDate(new Date(), -1).fullDate,
                    info: '已打卡'
                }
            ]
        };
    },
    methods: {
        tabClick(val) {
            this.activeTab = val;
        },
        handleDetail(item) {
            uni.navigateTo({
                // url: `/pages/staff/meetingDetail?id=${item.id}`,
                url: `/pages/staff/meetingDetail`,
            })
        },
        changeCalendar(e) {
            console.log(e);
        }
    }
};
</script>

<style lang="scss">
page {
    background-color: #f7f7f7;
}
.main_app {
    padding: 0;
    background-color: #f7f7f7;
    ::v-deep .uni-calendar-item--checked {
        background-color: #279baa;
        border-radius: 8rpx;
    }
    ::v-deep .uni-calendar-item--isDay-text {
        color: #279baa;
    }
    ::v-deep .uni-calendar-item--isDay {
        background-color: #279baa;
        color: #fff;
        border-radius: 8rpx;
    }
    .tabs {
        display: flex;
        background-color: #fff;
        .tab {
            flex: 1;
            height: 88rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 28rpx;
            color: #666666;
            position: relative;
            .line {
                width: 60rpx;
                height: 4rpx;
                background: #fff;
                border-radius: 3rpx;
                position: absolute;
                bottom: 0;
                left: 50%;
                transform: translate(-50%, 0);
            }
        }
        .active {
            font-weight: 500;
            font-size: 30rpx;
            color: #222222;
            .line {
                background-color: #279baa;
            }
        }
    }
    //
    .card_list {
        padding: 30rpx;
        .card_title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 22rpx;
            .name {
                display: flex;
                align-items: center;
                .icon {
                    width: 6rpx;
                    height: 32rpx;
                    background: #279baa;
                    border-radius: 4rpx;
                    margin-right: 16rpx;
                }
                .text {
                    font-weight: 600;
                    font-size: 32rpx;
                    color: #222222;
                }
            }
            .meeting {
                display: flex;
                height: 52rpx;
                line-height: 52rpx;
                background: #ffffff;
                border-radius: 26rpx;
                border: 2rpx solid #eeeeee;
                padding: 0 24rpx;
                .text {
                    font-size: 24rpx;
                    color: #333333;
                }
            }
        }
        .list {
            .item {
                padding: 0rpx 30rpx 30rpx;
                background: #ffffff;
                border-radius: 8rpx;
                .head {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    border-bottom: 1rpx solid #e5e5e5;
                    padding: 22rpx 0;
                    margin-bottom: 22rpx;
                    .name {
                        font-weight: 600;
                        font-size: 32rpx;
                        color: #222222;
                    }
                    .status {
                        height: 38rpx;
                        line-height: 38rpx;
                        padding: 0 16rpx;
                        border-radius: 4rpx;
                        border: 1rpx solid #999999;
                        font-size: 22rpx;
                        color: #999999;
                    }
                }
                .line {
                    display: flex;
                    margin-bottom: 12rpx;
                    .label {
                        width: 140rpx;
                        color: #666666;
                    }
                    .value {
                        flex: 1;
                    }
                }
            }
        }
    }
}
</style>

 h5/pages/staff/meetingDetail.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,167 @@
<template>
    <view class="main_app">
        <view class="head_app">
            <view class="title">讨论智能会议室系统选型</view>
            <view class="text">201会议室｜2023å¹´5月4日 10:00-12:00</view>
        </view>
        <!--  -->
        <view class="empty"></view>
        <view class="module_list">
            <view class="item">
                <view class="label">会议内容</view>
                <view class="value">
                    <!-- <text>主要讨论智能会议室系统选型，请大家一定要按时来开会，时间宝贵。感谢大家！</text> -->
                    <u-textarea border="none" v-model="param.aaa" count :maxlength="300" placeholder="请输入会议内容" placeholder-class="placeholder9"     />
                </view>
            </view>
            <view class="item">
                <view class="label">参会人员</view>
                <view class="value">
                    <view class="personnel">
                        <view class="per_item" v-for="i in 10">
                            <image src="../../static/logo@2x.png" class="avatar" mode=""></image>
                            <view class="name">胡八一</view>
                        </view>
                    </view>
                </view>
            </view>
            <view class="item">
                <view class="label">服务项</view>
                <view class="value">席卡 |  æŠ•å½±ä»ª |  ç¬”记本电脑</view>
            </view>
            <view class="item">
                <view class="label">备注</view>
                <view class="value">今天人多，请按时参加</view>
            </view>
            <view class="item">
                <view class="label">预约人</view>
                <view class="value">行政部 èµµå¼º 18832319899</view>
            </view>
        </view>
        <view class="empty empty2"></view>
        <view class="main_footer">
            <view class="btn" @click="handleSub('0')">撤回</view>
            <view class="btn agree" @click="handleSub('1')">修改</view>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                param: {}
            };
        },
        methods: {
            handleSub() {
				
            }
        }
    }
</script>

<style lang="scss">
    page{
        background-color: #f7f7f7;
    }
    .main_app{
        padding: 0 ;
        .head_app{
            padding: 30rpx;
            background-color: #fff;
            .title{
                font-weight: 600;
                font-size: 36rpx;
                color: #222222;
                margin-bottom: 30rpx;
            }
            .text{
                font-size: 28rpx;
                color: #666666;
            }
        }
    }
    .module_list {
        background-color: #fff;
        padding: 0 30rpx;
        .item {
            padding: 30rpx 0;
            border-bottom: 1rpx solid #E5E5E5;
	
            .label {
                font-size: 26rpx;
                color: #666666;
                margin-bottom: 20rpx;
            }
	
            .value {
                font-size: 30rpx;
                display: flex;
                align-items: center;
                ::v-deep textarea{
                    padding: 0;
                    background-color: #fff !important;
                }
                .personnel{
                    display: flex;
                    width: 100%;
                    overflow-x: auto;
                    .per_item{
                        flex-shrink: 0;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            margin-right: 24rpx;
                            .avatar{
                                width: 72rpx;
                                height: 72rpx;
                                border-radius: 50%;
                            }
                            .name{
                                font-size: 26rpx;
                                color: #777777;
                            }
                    }
                }
            }
        }
    }
    .main_footer {
        padding-bottom: 64rpx;
        display: flex;
        justify-content: space-between;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        .btn {
            width: 336rpx;
            height: 88rpx;
            line-height: 88rpx;
            background: #FFFFFF;
            border-radius: 44rpx;
            border: 1rpx solid #999999;
            font-size: 32rpx;
            text-align: center;
            margin: 16rpx 0;
        }

        .agree {
            background: #279BAA;
            color: #fff;
            border: 1rpx solid #279BAA;
        }
    }
.empty{
    width: 750rpx;
        height: 20rpx;
        background-color: #f7f7f7;
        margin: 0 -30rpx;
}
.empty2{
    height: 280rpx !important;
}
</style>

 h5/uni_modules/uni-calendar/changelog.md

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,28 @@
## 1.4.11（2024-01-10）
- ä¿®å¤ å›žåˆ°ä»Šå¤©æ—¶ï¼Œæœˆä»½æ˜¾ç¤ºä¸ä¸€è‡´é—®é¢˜
## 1.4.10（2023-04-10）
- ä¿®å¤ æŸäº›æƒ…况 monthSwitch æœªè§¦å‘çš„Bug
## 1.4.9（2023-02-02）
- ä¿®å¤ æŸäº›æƒ…况切换月份错误的Bug
## 1.4.8（2023-01-30）
- ä¿®å¤ æŸäº›æƒ…况切换月份错误的Bug [详情](https://ask.dcloud.net.cn/question/161964)
## 1.4.7（2022-09-16）
- ä¼˜åŒ– æ”¯æŒä½¿ç”¨ uni-scss æŽ§åˆ¶ä¸»é¢˜è‰²
## 1.4.6（2022-09-08）
- ä¿®å¤ è¡¨å¤´å¹´æœˆåˆ‡æ¢ï¼Œå¯¼è‡´æ”¹å˜å½“前日期为选择月1号，且未触发change事件的Bug
## 1.4.5（2022-02-25）
- ä¿®å¤ æ¡ä»¶ç¼–译 nvue ä¸æ”¯æŒçš„ css æ ·å¼çš„Bug
## 1.4.4（2022-02-25）
- ä¿®å¤ æ¡ä»¶ç¼–译 nvue ä¸æ”¯æŒçš„ css æ ·å¼çš„Bug
## 1.4.3（2021-09-22）
- ä¿®å¤ startDate、 endDate å±žæ€§å¤±æ•ˆçš„Bug
## 1.4.2（2021-08-24）
- æ–°å¢ž æ”¯æŒå›½é™…化
## 1.4.1（2021-08-05）
- ä¿®å¤ å¼¹å‡ºå±‚被 tabbar é®ç›–çš„Bug
## 1.4.0（2021-07-30）
- ç»„件兼容 vue3，如何创建vue3项目，详见 [uni-app é¡¹ç›®æ”¯æŒ vue3 ä»‹ç»](https://ask.dcloud.net.cn/article/37834)
## 1.3.16（2021-05-12）
- æ–°å¢ž ç»„件示例地址
## 1.3.15（2021-02-04）
- è°ƒæ•´ä¸ºuni_modules目录规范

 h5/uni_modules/uni-calendar/components/uni-calendar/calendar.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,546 @@
/**
* @1900-2100区间内的公历、农历互转
* @charset UTF-8
* @github  https://github.com/jjonline/calendar.js
* @Author  Jea杨(JJonline@JJonline.Cn)
* @Time    2014-7-21
* @Time    2016-8-13 Fixed 2033hex、Attribution Annals
* @Time    2016-9-25 Fixed lunar LeapMonth Param Bug
* @Time    2017-7-24 Fixed use getTerm Func Param Error.use solar year,NOT lunar year
* @Version 1.0.3
* @公历转农历：calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0]
* @农历转公历：calendar.lunar2solar(1987,09,10); //[you can ignore params of prefix 0]
*/
/* eslint-disable */
var calendar = {

  /**
      * å†œåŽ†1900-2100的润大小信息表
      * @Array Of Property
      * @return Hex
      */
  lunarInfo: [0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0, 0x055d2, // 1900-1909
    0x04ae0, 0x0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2, 0x095b0, 0x14977, // 1910-1919
    0x04970, 0x0a4b0, 0x0b4b5, 0x06a50, 0x06d40, 0x1ab54, 0x02b60, 0x09570, 0x052f2, 0x04970, // 1920-1929
    0x06566, 0x0d4a0, 0x0ea50, 0x06e95, 0x05ad0, 0x02b60, 0x186e3, 0x092e0, 0x1c8d7, 0x0c950, // 1930-1939
    0x0d4a0, 0x1d8a6, 0x0b550, 0x056a0, 0x1a5b4, 0x025d0, 0x092d0, 0x0d2b2, 0x0a950, 0x0b557, // 1940-1949
    0x06ca0, 0x0b550, 0x15355, 0x04da0, 0x0a5b0, 0x14573, 0x052b0, 0x0a9a8, 0x0e950, 0x06aa0, // 1950-1959
    0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0, // 1960-1969
    0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540, 0x0b6a0, 0x195a6, // 1970-1979
    0x095b0, 0x049b0, 0x0a974, 0x0a4b0, 0x0b27a, 0x06a50, 0x06d40, 0x0af46, 0x0ab60, 0x09570, // 1980-1989
    0x04af5, 0x04970, 0x064b0, 0x074a3, 0x0ea50, 0x06b58, 0x05ac0, 0x0ab60, 0x096d5, 0x092e0, // 1990-1999
    0x0c960, 0x0d954, 0x0d4a0, 0x0da50, 0x07552, 0x056a0, 0x0abb7, 0x025d0, 0x092d0, 0x0cab5, // 2000-2009
    0x0a950, 0x0b4a0, 0x0baa4, 0x0ad50, 0x055d9, 0x04ba0, 0x0a5b0, 0x15176, 0x052b0, 0x0a930, // 2010-2019
    0x07954, 0x06aa0, 0x0ad50, 0x05b52, 0x04b60, 0x0a6e6, 0x0a4e0, 0x0d260, 0x0ea65, 0x0d530, // 2020-2029
    0x05aa0, 0x076a3, 0x096d0, 0x04afb, 0x04ad0, 0x0a4d0, 0x1d0b6, 0x0d250, 0x0d520, 0x0dd45, // 2030-2039
    0x0b5a0, 0x056d0, 0x055b2, 0x049b0, 0x0a577, 0x0a4b0, 0x0aa50, 0x1b255, 0x06d20, 0x0ada0, // 2040-2049
    /** Add By JJonline@JJonline.Cn**/
    0x14b63, 0x09370, 0x049f8, 0x04970, 0x064b0, 0x168a6, 0x0ea50, 0x06b20, 0x1a6c4, 0x0aae0, // 2050-2059
    0x0a2e0, 0x0d2e3, 0x0c960, 0x0d557, 0x0d4a0, 0x0da50, 0x05d55, 0x056a0, 0x0a6d0, 0x055d4, // 2060-2069
    0x052d0, 0x0a9b8, 0x0a950, 0x0b4a0, 0x0b6a6, 0x0ad50, 0x055a0, 0x0aba4, 0x0a5b0, 0x052b0, // 2070-2079
    0x0b273, 0x06930, 0x07337, 0x06aa0, 0x0ad50, 0x14b55, 0x04b60, 0x0a570, 0x054e4, 0x0d160, // 2080-2089
    0x0e968, 0x0d520, 0x0daa0, 0x16aa6, 0x056d0, 0x04ae0, 0x0a9d4, 0x0a2d0, 0x0d150, 0x0f252, // 2090-2099
    0x0d520], // 2100

  /**
      * å…¬åŽ†æ¯ä¸ªæœˆä»½çš„天数普通表
      * @Array Of Property
      * @return Number
      */
  solarMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],

  /**
      * å¤©å¹²åœ°æ”¯ä¹‹å¤©å¹²é€ŸæŸ¥è¡¨
      * @Array Of Property trans["甲","乙","丙","丁","戊","å·±","庚","辛","壬","癸"]
      * @return Cn string
      */
  Gan: ['\u7532', '\u4e59', '\u4e19', '\u4e01', '\u620a', '\u5df1', '\u5e9a', '\u8f9b', '\u58ec', '\u7678'],

  /**
      * å¤©å¹²åœ°æ”¯ä¹‹åœ°æ”¯é€ŸæŸ¥è¡¨
      * @Array Of Property
      * @trans["子","丑","寅","卯","è¾°","å·³","午","未","申","酉","戌","亥"]
      * @return Cn string
      */
  Zhi: ['\u5b50', '\u4e11', '\u5bc5', '\u536f', '\u8fb0', '\u5df3', '\u5348', '\u672a', '\u7533', '\u9149', '\u620c', '\u4ea5'],

  /**
      * å¤©å¹²åœ°æ”¯ä¹‹åœ°æ”¯é€ŸæŸ¥è¡¨<=>生肖
      * @Array Of Property
      * @trans["é¼ ","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪"]
      * @return Cn string
      */
  Animals: ['\u9f20', '\u725b', '\u864e', '\u5154', '\u9f99', '\u86c7', '\u9a6c', '\u7f8a', '\u7334', '\u9e21', '\u72d7', '\u732a'],

  /**
      * 24节气速查表
      * @Array Of Property
      * @trans["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"]
      * @return Cn string
      */
  solarTerm: ['\u5c0f\u5bd2', '\u5927\u5bd2', '\u7acb\u6625', '\u96e8\u6c34', '\u60ca\u86f0', '\u6625\u5206', '\u6e05\u660e', '\u8c37\u96e8', '\u7acb\u590f', '\u5c0f\u6ee1', '\u8292\u79cd', '\u590f\u81f3', '\u5c0f\u6691', '\u5927\u6691', '\u7acb\u79cb', '\u5904\u6691', '\u767d\u9732', '\u79cb\u5206', '\u5bd2\u9732', '\u971c\u964d', '\u7acb\u51ac', '\u5c0f\u96ea', '\u5927\u96ea', '\u51ac\u81f3'],

  /**
      * 1900-2100各年的24节气日期速查表
      * @Array Of Property
      * @return 0x string For splice
      */
  sTermInfo: ['9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f',
    '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f',
    'b027097bd097c36b0b6fc9274c91aa', '9778397bd19801ec9210c965cc920e', '97b6b97bd19801ec95f8c965cc920f',
    '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd197c36c9210c9274c91aa',
    '97b6b97bd19801ec95f8c965cc920e', '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2',
    '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec95f8c965cc920e', '97bcf97c3598082c95f8e1cfcc920f',
    '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722',
    '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f',
    '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf97c359801ec95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd097bd07f595b0b6fc920fb0722',
    '9778397bd097c36b0b6fc9210c8dc2', '9778397bd19801ec9210c9274c920e', '97b6b97bd19801ec95f8c965cc920f',
    '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
    '97b6b97bd19801ec95f8c965cc920f', '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
    '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bd07f1487f595b0b0bc920fb0722',
    '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
    '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f531b0b0bb0b6fb0722',
    '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
    '97bcf7f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b97bd19801ec9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
    '9778397bd097c36b0b6fc9210c91aa', '97b6b97bd197c36c9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722',
    '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
    '97b6b7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
    '9778397bd097c36b0b70c9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
    '7f0e397bd097c35b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
    '7f0e27f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
    '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
    '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
    '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
    '97b6b7f0e47f531b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
    '9778397bd097c36b0b6fc9210c91aa', '97b6b7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
    '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '977837f0e37f149b0723b0787b0721',
    '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c35b0b6fc9210c8dc2',
    '977837f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
    '7f0e397bd097c35b0b6fc9210c8dc2', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
    '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '977837f0e37f14998082b0787b06bd',
    '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
    '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
    '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
    '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd',
    '7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
    '977837f0e37f14998082b0723b06bd', '7f07e7f0e37f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
    '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b0721',
    '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f595b0b0bb0b6fb0722', '7f0e37f0e37f14898082b0723b02d5',
    '7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f531b0b0bb0b6fb0722',
    '7f0e37f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
    '7f0e37f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
    '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35',
    '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
    '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f149b0723b0787b0721',
    '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0723b06bd',
    '7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722', '7f0e37f0e366aa89801eb072297c35',
    '7ec967f0e37f14998082b0723b06bd', '7f07e7f0e37f14998083b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
    '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14898082b0723b02d5', '7f07e7f0e37f14998082b0787b0721',
    '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66aa89801e9808297c35', '665f67f0e37f14898082b0723b02d5',
    '7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66a449801e9808297c35',
    '665f67f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
    '7f0e36665b66a449801e9808297c35', '665f67f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
    '7f07e7f0e47f531b0723b0b6fb0721', '7f0e26665b66a449801e9808297c35', '665f67f0e37f1489801eb072297c35',
    '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722'],

  /**
      * æ•°å­—转中文速查表
      * @Array Of Property
      * @trans ['日','一','二','三','四','五','六','七','八','九','十']
      * @return Cn string
      */
  nStr1: ['\u65e5', '\u4e00', '\u4e8c', '\u4e09', '\u56db', '\u4e94', '\u516d', '\u4e03', '\u516b', '\u4e5d', '\u5341'],

  /**
      * æ—¥æœŸè½¬å†œåŽ†ç§°å‘¼é€ŸæŸ¥è¡¨
      * @Array Of Property
      * @trans ['初','十','廿','卅']
      * @return Cn string
      */
  nStr2: ['\u521d', '\u5341', '\u5eff', '\u5345'],

  /**
      * æœˆä»½è½¬å†œåŽ†ç§°å‘¼é€ŸæŸ¥è¡¨
      * @Array Of Property
      * @trans ['æ­£','一','二','三','四','五','六','七','八','九','十','冬','腊']
      * @return Cn string
      */
  nStr3: ['\u6b63', '\u4e8c', '\u4e09', '\u56db', '\u4e94', '\u516d', '\u4e03', '\u516b', '\u4e5d', '\u5341', '\u51ac', '\u814a'],

  /**
      * è¿”回农历y年一整年的总天数
      * @param lunar Year
      * @return Number
      * @eg:var count = calendar.lYearDays(1987) ;//count=387
      */
  lYearDays: function (y) {
    var i; var sum = 348
    for (i = 0x8000; i > 0x8; i >>= 1) { sum += (this.lunarInfo[y - 1900] & i) ? 1 : 0 }
    return (sum + this.leapDays(y))
  },

  /**
      * è¿”回农历y年闰月是哪个月；若y年没有闰月 åˆ™è¿”回0
      * @param lunar Year
      * @return Number (0-12)
      * @eg:var leapMonth = calendar.leapMonth(1987) ;//leapMonth=6
      */
  leapMonth: function (y) { // é—°å­—编码 \u95f0
    return (this.lunarInfo[y - 1900] & 0xf)
  },

  /**
      * è¿”回农历y年闰月的天数 è‹¥è¯¥å¹´æ²¡æœ‰é—°æœˆåˆ™è¿”回0
      * @param lunar Year
      * @return Number (0、29、30)
      * @eg:var leapMonthDay = calendar.leapDays(1987) ;//leapMonthDay=29
      */
  leapDays: function (y) {
    if (this.leapMonth(y)) {
      return ((this.lunarInfo[y - 1900] & 0x10000) ? 30 : 29)
    }
    return (0)
  },

  /**
      * è¿”回农历yå¹´m月（非闰月）的总天数，计算m为闰月时的天数请使用leapDays方法
      * @param lunar Year
      * @return Number (-1、29、30)
      * @eg:var MonthDay = calendar.monthDays(1987,9) ;//MonthDay=29
      */
  monthDays: function (y, m) {
    if (m > 12 || m < 1) { return -1 }// æœˆä»½å‚数从1至12，参数错误返回-1
    return ((this.lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29)
  },

  /**
      * è¿”回公历(!)yå¹´m月的天数
      * @param solar Year
      * @return Number (-1、28、29、30、31)
      * @eg:var solarMonthDay = calendar.leapDays(1987) ;//solarMonthDay=30
      */
  solarDays: function (y, m) {
    if (m > 12 || m < 1) { return -1 } // è‹¥å‚数错误 è¿”回-1
    var ms = m - 1
    if (ms == 1) { // 2月份的闰平规律测算后确认返回28或29
      return (((y % 4 == 0) && (y % 100 != 0) || (y % 400 == 0)) ? 29 : 28)
    } else {
      return (this.solarMonth[ms])
    }
  },

  /**
     * å†œåŽ†å¹´ä»½è½¬æ¢ä¸ºå¹²æ”¯çºªå¹´
     * @param  lYear å†œåŽ†å¹´çš„年份数
     * @return Cn string
     */
  toGanZhiYear: function (lYear) {
    var ganKey = (lYear - 3) % 10
    var zhiKey = (lYear - 3) % 12
    if (ganKey == 0) ganKey = 10// å¦‚果余数为0则为最后一个天干
    if (zhiKey == 0) zhiKey = 12// å¦‚果余数为0则为最后一个地支
    return this.Gan[ganKey - 1] + this.Zhi[zhiKey - 1]
  },

  /**
     * å…¬åŽ†æœˆã€æ—¥åˆ¤æ–­æ‰€å±žæ˜Ÿåº§
     * @param  cMonth [description]
     * @param  cDay [description]
     * @return Cn string
     */
  toAstro: function (cMonth, cDay) {
    var s = '\u9b54\u7faf\u6c34\u74f6\u53cc\u9c7c\u767d\u7f8a\u91d1\u725b\u53cc\u5b50\u5de8\u87f9\u72ee\u5b50\u5904\u5973\u5929\u79e4\u5929\u874e\u5c04\u624b\u9b54\u7faf'
    var arr = [20, 19, 21, 21, 21, 22, 23, 23, 23, 23, 22, 22]
    return s.substr(cMonth * 2 - (cDay < arr[cMonth - 1] ? 2 : 0), 2) + '\u5ea7'// åº§
  },

  /**
      * ä¼ å…¥offset偏移量返回干支
      * @param offset ç›¸å¯¹ç”²å­çš„偏移量
      * @return Cn string
      */
  toGanZhi: function (offset) {
    return this.Gan[offset % 10] + this.Zhi[offset % 12]
  },

  /**
      * ä¼ å…¥å…¬åŽ†(!)y年获得该年第n个节气的公历日期
      * @param y公历年(1900-2100)；n二十四节气中的第几个节气(1~24)；从n=1(小寒)算起
      * @return day Number
      * @eg:var _24 = calendar.getTerm(1987,3) ;//_24=4;意即1987å¹´2月4日立春
      */
  getTerm: function (y, n) {
    if (y < 1900 || y > 2100) { return -1 }
    if (n < 1 || n > 24) { return -1 }
    var _table = this.sTermInfo[y - 1900]
    var _info = [
      parseInt('0x' + _table.substr(0, 5)).toString(),
      parseInt('0x' + _table.substr(5, 5)).toString(),
      parseInt('0x' + _table.substr(10, 5)).toString(),
      parseInt('0x' + _table.substr(15, 5)).toString(),
      parseInt('0x' + _table.substr(20, 5)).toString(),
      parseInt('0x' + _table.substr(25, 5)).toString()
    ]
    var _calday = [
      _info[0].substr(0, 1),
      _info[0].substr(1, 2),
      _info[0].substr(3, 1),
      _info[0].substr(4, 2),

      _info[1].substr(0, 1),
      _info[1].substr(1, 2),
      _info[1].substr(3, 1),
      _info[1].substr(4, 2),

      _info[2].substr(0, 1),
      _info[2].substr(1, 2),
      _info[2].substr(3, 1),
      _info[2].substr(4, 2),

      _info[3].substr(0, 1),
      _info[3].substr(1, 2),
      _info[3].substr(3, 1),
      _info[3].substr(4, 2),

      _info[4].substr(0, 1),
      _info[4].substr(1, 2),
      _info[4].substr(3, 1),
      _info[4].substr(4, 2),

      _info[5].substr(0, 1),
      _info[5].substr(1, 2),
      _info[5].substr(3, 1),
      _info[5].substr(4, 2)
    ]
    return parseInt(_calday[n - 1])
  },

  /**
      * ä¼ å…¥å†œåŽ†æ•°å­—月份返回汉语通俗表示法
      * @param lunar month
      * @return Cn string
      * @eg:var cnMonth = calendar.toChinaMonth(12) ;//cnMonth='腊月'
      */
  toChinaMonth: function (m) { // æœˆ => \u6708
    if (m > 12 || m < 1) { return -1 } // è‹¥å‚数错误 è¿”回-1
    var s = this.nStr3[m - 1]
    s += '\u6708'// åŠ ä¸Šæœˆå­—
    return s
  },

  /**
      * ä¼ å…¥å†œåŽ†æ—¥æœŸæ•°å­—返回汉字表示法
      * @param lunar day
      * @return Cn string
      * @eg:var cnDay = calendar.toChinaDay(21) ;//cnMonth='廿一'
      */
  toChinaDay: function (d) { // æ—¥ => \u65e5
    var s
    switch (d) {
      case 10:
        s = '\u521d\u5341'; break
      case 20:
        s = '\u4e8c\u5341'; break
        break
      case 30:
        s = '\u4e09\u5341'; break
        break
      default :
        s = this.nStr2[Math.floor(d / 10)]
        s += this.nStr1[d % 10]
    }
    return (s)
  },

  /**
      * å¹´ä»½è½¬ç”Ÿè‚–[!仅能大致转换] => ç²¾ç¡®åˆ’分生肖分界线是“立春”
      * @param y year
      * @return Cn string
      * @eg:var animal = calendar.getAnimal(1987) ;//animal='兔'
      */
  getAnimal: function (y) {
    return this.Animals[(y - 4) % 12]
  },

  /**
      * ä¼ å…¥é˜³åŽ†å¹´æœˆæ—¥èŽ·å¾—详细的公历、农历object信息 <=>JSON
      * @param y  solar year
      * @param m  solar month
      * @param d  solar day
      * @return JSON object
      * @eg:console.log(calendar.solar2lunar(1987,11,01));
      */
  solar2lunar: function (y, m, d) { // å‚数区间1900.1.31~2100.12.31
    // å¹´ä»½é™å®šã€ä¸Šé™
    if (y < 1900 || y > 2100) {
      return -1// undefined转换为数字变为NaN
    }
    // å…¬åŽ†ä¼ å‚最下限
    if (y == 1900 && m == 1 && d < 31) {
      return -1
    }
    // æœªä¼ å‚  èŽ·å¾—当天
    if (!y) {
      var objDate = new Date()
    } else {
      var objDate = new Date(y, parseInt(m) - 1, d)
    }
    var i; var leap = 0; var temp = 0
    // ä¿®æ­£ymd参数
    var y = objDate.getFullYear()
    var m = objDate.getMonth() + 1
    var d = objDate.getDate()
    var offset = (Date.UTC(objDate.getFullYear(), objDate.getMonth(), objDate.getDate()) - Date.UTC(1900, 0, 31)) / 86400000
    for (i = 1900; i < 2101 && offset > 0; i++) {
      temp = this.lYearDays(i)
      offset -= temp
    }
    if (offset < 0) {
      offset += temp; i--
    }

    // æ˜¯å¦ä»Šå¤©
    var isTodayObj = new Date()
    var isToday = false
    if (isTodayObj.getFullYear() == y && isTodayObj.getMonth() + 1 == m && isTodayObj.getDate() == d) {
      isToday = true
    }
    // æ˜ŸæœŸå‡ 
    var nWeek = objDate.getDay()
    var cWeek = this.nStr1[nWeek]
    // æ•°å­—表示周几顺应天朝周一开始的惯例
    if (nWeek == 0) {
      nWeek = 7
    }
    // å†œåŽ†å¹´
    var year = i
    var leap = this.leapMonth(i) // é—°å“ªä¸ªæœˆ
    var isLeap = false

    // æ•ˆéªŒé—°æœˆ
    for (i = 1; i < 13 && offset > 0; i++) {
      // é—°æœˆ
      if (leap > 0 && i == (leap + 1) && isLeap == false) {
        --i
        isLeap = true; temp = this.leapDays(year) // è®¡ç®—农历闰月天数
      } else {
        temp = this.monthDays(year, i)// è®¡ç®—农历普通月天数
      }
      // è§£é™¤é—°æœˆ
      if (isLeap == true && i == (leap + 1)) { isLeap = false }
      offset -= temp
    }
    // é—°æœˆå¯¼è‡´æ•°ç»„下标重叠取反
    if (offset == 0 && leap > 0 && i == leap + 1) {
      if (isLeap) {
        isLeap = false
      } else {
        isLeap = true; --i
      }
    }
    if (offset < 0) {
      offset += temp; --i
    }
    // å†œåŽ†æœˆ
    var month = i
    // å†œåŽ†æ—¥
    var day = offset + 1
    // å¤©å¹²åœ°æ”¯å¤„理
    var sm = m - 1
    var gzY = this.toGanZhiYear(year)

    // å½“月的两个节气
    // bugfix-2017-7-24 11:03:38 use lunar Year Param `y` Not `year`
    var firstNode = this.getTerm(y, (m * 2 - 1))// è¿”回当月「节」为几日开始
    var secondNode = this.getTerm(y, (m * 2))// è¿”回当月「节」为几日开始

    // ä¾æ®12节气修正干支月
    var gzM = this.toGanZhi((y - 1900) * 12 + m + 11)
    if (d >= firstNode) {
      gzM = this.toGanZhi((y - 1900) * 12 + m + 12)
    }

    // ä¼ å…¥çš„日期的节气与否
    var isTerm = false
    var Term = null
    if (firstNode == d) {
      isTerm = true
      Term = this.solarTerm[m * 2 - 2]
    }
    if (secondNode == d) {
      isTerm = true
      Term = this.solarTerm[m * 2 - 1]
    }
    // æ—¥æŸ± å½“月一日与 1900/1/1 ç›¸å·®å¤©æ•°
    var dayCyclical = Date.UTC(y, sm, 1, 0, 0, 0, 0) / 86400000 + 25567 + 10
    var gzD = this.toGanZhi(dayCyclical + d - 1)
    // è¯¥æ—¥æœŸæ‰€å±žçš„星座
    var astro = this.toAstro(m, d)

    return { 'lYear': year, 'lMonth': month, 'lDay': day, 'Animal': this.getAnimal(year), 'IMonthCn': (isLeap ? '\u95f0' : '') + this.toChinaMonth(month), 'IDayCn': this.toChinaDay(day), 'cYear': y, 'cMonth': m, 'cDay': d, 'gzYear': gzY, 'gzMonth': gzM, 'gzDay': gzD, 'isToday': isToday, 'isLeap': isLeap, 'nWeek': nWeek, 'ncWeek': '\u661f\u671f' + cWeek, 'isTerm': isTerm, 'Term': Term, 'astro': astro }
  },

  /**
      * ä¼ å…¥å†œåŽ†å¹´æœˆæ—¥ä»¥åŠä¼ å…¥çš„月份是否闰月获得详细的公历、农历object信息 <=>JSON
      * @param y  lunar year
      * @param m  lunar month
      * @param d  lunar day
      * @param isLeapMonth  lunar month is leap or not.[如果是农历闰月第四个参数赋值true即可]
      * @return JSON object
      * @eg:console.log(calendar.lunar2solar(1987,9,10));
      */
  lunar2solar: function (y, m, d, isLeapMonth) { // å‚数区间1900.1.31~2100.12.1
    var isLeapMonth = !!isLeapMonth
    var leapOffset = 0
    var leapMonth = this.leapMonth(y)
    var leapDay = this.leapDays(y)
    if (isLeapMonth && (leapMonth != m)) { return -1 }// ä¼ å‚要求计算该闰月公历 ä½†è¯¥å¹´å¾—出的闰月与传参的月份并不同
    if (y == 2100 && m == 12 && d > 1 || y == 1900 && m == 1 && d < 31) { return -1 }// è¶…出了最大极限值
    var day = this.monthDays(y, m)
    var _day = day
    // bugFix 2016-9-25
    // if month is leap, _day use leapDays method
    if (isLeapMonth) {
      _day = this.leapDays(y, m)
    }
    if (y < 1900 || y > 2100 || d > _day) { return -1 }// å‚数合法性效验

    // è®¡ç®—农历的时间差
    var offset = 0
    for (var i = 1900; i < y; i++) {
      offset += this.lYearDays(i)
    }
    var leap = 0; var isAdd = false
    for (var i = 1; i < m; i++) {
      leap = this.leapMonth(y)
      if (!isAdd) { // å¤„理闰月
        if (leap <= i && leap > 0) {
          offset += this.leapDays(y); isAdd = true
        }
      }
      offset += this.monthDays(y, i)
    }
    // è½¬æ¢é—°æœˆå†œåŽ† éœ€è¡¥å……该年闰月的前一个月的时差
    if (isLeapMonth) { offset += day }
    // 1900年农历正月一日的公历时间为1900å¹´1月30日0时0分0秒(该时间也是本农历的最开始起始点)
    var stmap = Date.UTC(1900, 1, 30, 0, 0, 0)
    var calObj = new Date((offset + d - 31) * 86400000 + stmap)
    var cY = calObj.getUTCFullYear()
    var cM = calObj.getUTCMonth() + 1
    var cD = calObj.getUTCDate()

    return this.solar2lunar(cY, cM, cD)
  }
}

export default calendar

 h5/uni_modules/uni-calendar/components/uni-calendar/i18n/en.json

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,12 @@
{

    "uni-calender.ok": "ok",

    "uni-calender.cancel": "cancel",

    "uni-calender.today": "today",

    "uni-calender.MON": "MON",

    "uni-calender.TUE": "TUE",

    "uni-calender.WED": "WED",

    "uni-calender.THU": "THU",

    "uni-calender.FRI": "FRI",

    "uni-calender.SAT": "SAT",

    "uni-calender.SUN": "SUN"

}

 h5/uni_modules/uni-calendar/components/uni-calendar/i18n/index.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,8 @@
import en from './en.json'

import zhHans from './zh-Hans.json'

import zhHant from './zh-Hant.json'

export default {

    en,

    'zh-Hans': zhHans,

    'zh-Hant': zhHant

}

 h5/uni_modules/uni-calendar/components/uni-calendar/i18n/zh-Hans.json

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,12 @@
{

    "uni-calender.ok": "确定",

    "uni-calender.cancel": "取消",

    "uni-calender.today": "今日",

    "uni-calender.SUN": "日",

    "uni-calender.MON": "一",

    "uni-calender.TUE": "二",

    "uni-calender.WED": "三",

    "uni-calender.THU": "四",

    "uni-calender.FRI": "五",

    "uni-calender.SAT": "六"

}

 h5/uni_modules/uni-calendar/components/uni-calendar/i18n/zh-Hant.json

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,12 @@
{

    "uni-calender.ok": "確定",

    "uni-calender.cancel": "取消",

    "uni-calender.today": "今日",

    "uni-calender.SUN": "日",
    "uni-calender.MON": "一",
    "uni-calender.TUE": "二",
    "uni-calender.WED": "三",
    "uni-calender.THU": "四",
    "uni-calender.FRI": "五",
    "uni-calender.SAT": "六"

}

 h5/uni_modules/uni-calendar/components/uni-calendar/uni-calendar-item.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,187 @@
<template>

    <view class="uni-calendar-item__weeks-box" :class="{

        'uni-calendar-item--disable':weeks.disable,

        'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,

        'uni-calendar-item--checked':(calendar.fullDate === weeks.fullDate && !weeks.isDay) ,

        'uni-calendar-item--before-checked':weeks.beforeMultiple,

        'uni-calendar-item--multiple': weeks.multiple,

        'uni-calendar-item--after-checked':weeks.afterMultiple,

        }"

     @click="choiceDate(weeks)">

        <view class="uni-calendar-item__weeks-box-item">

            <text v-if="selected&&weeks.extraInfo" class="uni-calendar-item__weeks-box-circle"></text>

            <text class="uni-calendar-item__weeks-box-text" :class="{

                'uni-calendar-item--isDay-text': weeks.isDay,

                'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,

                'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && !weeks.isDay,

                'uni-calendar-item--before-checked':weeks.beforeMultiple,

                'uni-calendar-item--multiple': weeks.multiple,

                'uni-calendar-item--after-checked':weeks.afterMultiple,

                'uni-calendar-item--disable':weeks.disable,

                }">{{weeks.date}}</text>

            <text v-if="!lunar&&!weeks.extraInfo && weeks.isDay" class="uni-calendar-item__weeks-lunar-text" :class="{

                'uni-calendar-item--isDay-text':weeks.isDay,

                'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,

                'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && !weeks.isDay,

                'uni-calendar-item--before-checked':weeks.beforeMultiple,

                'uni-calendar-item--multiple': weeks.multiple,

                'uni-calendar-item--after-checked':weeks.afterMultiple,

                }">{{todayText}}</text>

            <text v-if="lunar&&!weeks.extraInfo" class="uni-calendar-item__weeks-lunar-text" :class="{

                'uni-calendar-item--isDay-text':weeks.isDay,

                'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,

                'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && !weeks.isDay,

                'uni-calendar-item--before-checked':weeks.beforeMultiple,

                'uni-calendar-item--multiple': weeks.multiple,

                'uni-calendar-item--after-checked':weeks.afterMultiple,

                'uni-calendar-item--disable':weeks.disable,

                }">{{weeks.isDay ? todayText : (weeks.lunar.IDayCn === '初一'?weeks.lunar.IMonthCn:weeks.lunar.IDayCn)}}</text>

            <text v-if="weeks.extraInfo&&weeks.extraInfo.info" class="uni-calendar-item__weeks-lunar-text" :class="{

                'uni-calendar-item--extra':weeks.extraInfo.info,

                'uni-calendar-item--isDay-text':weeks.isDay,

                'uni-calendar-item--isDay':calendar.fullDate === weeks.fullDate && weeks.isDay,

                'uni-calendar-item--checked':calendar.fullDate === weeks.fullDate && !weeks.isDay,

                'uni-calendar-item--before-checked':weeks.beforeMultiple,

                'uni-calendar-item--multiple': weeks.multiple,

                'uni-calendar-item--after-checked':weeks.afterMultiple,

                'uni-calendar-item--disable':weeks.disable,

                }">{{weeks.extraInfo.info}}</text>

        </view>

    </view>

</template>



<script>

    import { initVueI18n } from '@dcloudio/uni-i18n'

    import i18nMessages from './i18n/index.js'

    const {    t    } = initVueI18n(i18nMessages)



    export default {

        emits:['change'],

        props: {

            weeks: {

                type: Object,

                default () {

                    return {}

                }

            },

            calendar: {

                type: Object,

                default: () => {

                    return {}

                }

            },

            selected: {

                type: Array,

                default: () => {

                    return []

                }

            },

            lunar: {

                type: Boolean,

                default: false

            }

        },

        computed: {

            todayText() {

                return t("uni-calender.today")

            },

        },

        methods: {

            choiceDate(weeks) {

                this.$emit('change', weeks)

            }

        }

    }

</script>



<style lang="scss" scoped>

    $uni-font-size-base:14px;

    $uni-text-color:#333;

    $uni-font-size-sm:12px;

    $uni-color-error: #e43d33;

    $uni-opacity-disabled: 0.3;

    $uni-text-color-disable:#c0c0c0;

    $uni-primary: #2979ff !default;

    .uni-calendar-item__weeks-box {

        flex: 1;

        /* #ifndef APP-NVUE */

        display: flex;

        /* #endif */

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }



    .uni-calendar-item__weeks-box-text {

        font-size: $uni-font-size-base;

        color: $uni-text-color;

    }



    .uni-calendar-item__weeks-lunar-text {

        font-size: $uni-font-size-sm;

        color: $uni-text-color;

    }



    .uni-calendar-item__weeks-box-item {

        position: relative;

        /* #ifndef APP-NVUE */

        display: flex;

        /* #endif */

        flex-direction: column;

        justify-content: center;

        align-items: center;

        width: 100rpx;

        height: 100rpx;

    }



    .uni-calendar-item__weeks-box-circle {

        position: absolute;

        top: 5px;

        right: 5px;

        width: 8px;

        height: 8px;

        border-radius: 8px;

        background-color: $uni-color-error;



    }



    .uni-calendar-item--disable {

        background-color: rgba(249, 249, 249, $uni-opacity-disabled);

        color: $uni-text-color-disable;

    }



    .uni-calendar-item--isDay-text {

        color: $uni-primary;

    }



    .uni-calendar-item--isDay {

        background-color: $uni-primary;

        opacity: 0.8;

        color: #fff;

    }



    .uni-calendar-item--extra {

        color: $uni-color-error;

        opacity: 0.8;

    }



    .uni-calendar-item--checked {

        background-color: $uni-primary;

        color: #fff;

        opacity: 0.8;

    }



    .uni-calendar-item--multiple {

        background-color: $uni-primary;

        color: #fff;

        opacity: 0.8;

    }

    .uni-calendar-item--before-checked {

        background-color: #ff5a5f;

        color: #fff;

    }

    .uni-calendar-item--after-checked {

        background-color: #ff5a5f;

        color: #fff;

    }

</style>


 h5/uni_modules/uni-calendar/components/uni-calendar/uni-calendar.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,567 @@
<template>

    <view class="uni-calendar">

        <view v-if="!insert&&show" class="uni-calendar__mask" :class="{'uni-calendar--mask-show':aniMaskShow}" @click="clean"></view>

        <view v-if="insert || show" class="uni-calendar__content" :class="{'uni-calendar--fixed':!insert,'uni-calendar--ani-show':aniMaskShow}">

            <view v-if="!insert" class="uni-calendar__header uni-calendar--fixed-top">

                <view class="uni-calendar__header-btn-box" @click="close">

                    <text class="uni-calendar__header-text uni-calendar--fixed-width">{{cancelText}}</text>

                </view>

                <view class="uni-calendar__header-btn-box" @click="confirm">

                    <text class="uni-calendar__header-text uni-calendar--fixed-width">{{okText}}</text>

                </view>

            </view>

            <view class="uni-calendar__header">

                <view class="uni-calendar__header-btn-box" @click.stop="pre">

                    <view class="uni-calendar__header-btn uni-calendar--left"></view>

                </view>

                <picker mode="date" :value="date" fields="month" @change="bindDateChange">

                    <text class="uni-calendar__header-text">{{ (nowDate.year||'') +' / '+( nowDate.month||'')}}</text>

                </picker>

                <view class="uni-calendar__header-btn-box" @click.stop="next">

                    <view class="uni-calendar__header-btn uni-calendar--right"></view>

                </view>

                <text class="uni-calendar__backtoday" @click="backToday">{{todayText}}</text>



            </view>

            <view class="uni-calendar__box">

                <view v-if="showMonth" class="uni-calendar__box-bg">

                    <text class="uni-calendar__box-bg-text">{{nowDate.month}}</text>

                </view>

                <view class="uni-calendar__weeks">

                    <view class="uni-calendar__weeks-day">

                        <text class="uni-calendar__weeks-day-text">{{SUNText}}</text>

                    </view>

                    <view class="uni-calendar__weeks-day">

                        <text class="uni-calendar__weeks-day-text">{{monText}}</text>

                    </view>

                    <view class="uni-calendar__weeks-day">

                        <text class="uni-calendar__weeks-day-text">{{TUEText}}</text>

                    </view>

                    <view class="uni-calendar__weeks-day">

                        <text class="uni-calendar__weeks-day-text">{{WEDText}}</text>

                    </view>

                    <view class="uni-calendar__weeks-day">

                        <text class="uni-calendar__weeks-day-text">{{THUText}}</text>

                    </view>

                    <view class="uni-calendar__weeks-day">

                        <text class="uni-calendar__weeks-day-text">{{FRIText}}</text>

                    </view>

                    <view class="uni-calendar__weeks-day">

                        <text class="uni-calendar__weeks-day-text">{{SATText}}</text>

                    </view>

                </view>

                <view class="uni-calendar__weeks" v-for="(item,weekIndex) in weeks" :key="weekIndex">

                    <view class="uni-calendar__weeks-item" v-for="(weeks,weeksIndex) in item" :key="weeksIndex">

                        <calendar-item class="uni-calendar-item--hook" :weeks="weeks" :calendar="calendar" :selected="selected" :lunar="lunar" @change="choiceDate"></calendar-item>

                    </view>

                </view>

            </view>

        </view>

    </view>

</template>



<script>

    import Calendar from './util.js';

    import CalendarItem from './uni-calendar-item.vue'



    import { initVueI18n } from '@dcloudio/uni-i18n'

    import i18nMessages from './i18n/index.js'

    const {    t    } = initVueI18n(i18nMessages)



    /**

     * Calendar æ—¥åŽ†

     * @description æ—¥åŽ†ç»„件可以查看日期，选择任意范围内的日期，打点操作。常用场景如：酒店日期预订、火车机票选择购买日期、上下班打卡等

     * @tutorial https://ext.dcloud.net.cn/plugin?id=56

     * @property {String} date è‡ªå®šä¹‰å½“前时间，默认为今天

     * @property {Boolean} lunar æ˜¾ç¤ºå†œåŽ†

     * @property {String} startDate æ—¥æœŸé€‰æ‹©èŒƒå›´-开始日期

     * @property {String} endDate æ—¥æœŸé€‰æ‹©èŒƒå›´-结束日期

     * @property {Boolean} range èŒƒå›´é€‰æ‹©

     * @property {Boolean} insert = [true|false] æ’入模式,默认为false

     *     @value true å¼¹çª—模式

     *     @value false æ’入模式

     * @property {Boolean} clearDate = [true|false] å¼¹çª—模式是否清空上次选择内容

     * @property {Array} selected æ‰“点，期待格式[{date: '2019-06-27', info: '签到', data: { custom: '自定义信息', name: '自定义消息头',xxx:xxx... }}]

     * @property {Boolean} showMonth æ˜¯å¦é€‰æ‹©æœˆä»½ä¸ºèƒŒæ™¯

     * @event {Function} change æ—¥æœŸæ”¹å˜ï¼Œ`insert :ture` æ—¶ç”Ÿæ•ˆ

     * @event {Function} confirm ç¡®è®¤é€‰æ‹©`insert :false` æ—¶ç”Ÿæ•ˆ

     * @event {Function} monthSwitch åˆ‡æ¢æœˆä»½æ—¶è§¦å‘

     * @example <uni-calendar :insert="true":lunar="true" :start-date="'2019-3-2'":end-date="'2019-5-20'"@change="change" />

     */

    export default {

        components: {

            CalendarItem

        },

        emits:['close','confirm','change','monthSwitch'],

        props: {

            date: {

                type: String,

                default: ''

            },

            selected: {

                type: Array,

                default () {

                    return []

                }

            },

            lunar: {

                type: Boolean,

                default: false

            },

            startDate: {

                type: String,

                default: ''

            },

            endDate: {

                type: String,

                default: ''

            },

            range: {

                type: Boolean,

                default: false

            },

            insert: {

                type: Boolean,

                default: true

            },

            showMonth: {

                type: Boolean,

                default: true

            },

            clearDate: {

                type: Boolean,

                default: true

            }

        },

        data() {

            return {

                show: false,

                weeks: [],

                calendar: {},

                nowDate: '',

                aniMaskShow: false

            }

        },

        computed:{

            /**

             * for i18n

             */



            okText() {

                return t("uni-calender.ok")

            },

            cancelText() {

                return t("uni-calender.cancel")

            },

            todayText() {

                return t("uni-calender.today")

            },

            monText() {

                return t("uni-calender.MON")

            },

            TUEText() {

                return t("uni-calender.TUE")

            },

            WEDText() {

                return t("uni-calender.WED")

            },

            THUText() {

                return t("uni-calender.THU")

            },

            FRIText() {

                return t("uni-calender.FRI")

            },

            SATText() {

                return t("uni-calender.SAT")

            },

            SUNText() {

                return t("uni-calender.SUN")

            },

        },

        watch: {

            date(newVal) {

                // this.cale.setDate(newVal)

                this.init(newVal)

            },

            startDate(val){

                this.cale.resetSatrtDate(val)

                this.cale.setDate(this.nowDate.fullDate)

                this.weeks = this.cale.weeks

            },

            endDate(val){

                this.cale.resetEndDate(val)

                this.cale.setDate(this.nowDate.fullDate)

                this.weeks = this.cale.weeks

            },

            selected(newVal) {

                this.cale.setSelectInfo(this.nowDate.fullDate, newVal)

                this.weeks = this.cale.weeks

            }

        },

        created() {

            this.cale = new Calendar({

                selected: this.selected,

                startDate: this.startDate,

                endDate: this.endDate,

                range: this.range,

            })

            this.init(this.date)

        },

        methods: {

            // å–消穿透

            clean() {},

            bindDateChange(e) {

                const value = e.detail.value + '-1'

                this.setDate(value)



                const { year,month } = this.cale.getDate(value)

        this.$emit('monthSwitch', {

            year,

            month

        })

            },

            /**

             * åˆå§‹åŒ–日期显示

             * @param {Object} date

             */

            init(date) {

                this.cale.setDate(date)

                this.weeks = this.cale.weeks

                this.nowDate = this.calendar = this.cale.getInfo(date)

            },

            /**

             * æ‰“开日历弹窗

             */

            open() {

                // å¼¹çª—模式并且清理数据

                if (this.clearDate && !this.insert) {

                    this.cale.cleanMultipleStatus()

                    // this.cale.setDate(this.date)

                    this.init(this.date)

                }

                this.show = true

                this.$nextTick(() => {

                    setTimeout(() => {

                        this.aniMaskShow = true

                    }, 50)

                })

            },

            /**

             * å…³é—­æ—¥åŽ†å¼¹çª—

             */

            close() {

                this.aniMaskShow = false

                this.$nextTick(() => {

                    setTimeout(() => {

                        this.show = false

                        this.$emit('close')

                    }, 300)

                })

            },

            /**

             * ç¡®è®¤æŒ‰é’®

             */

            confirm() {

                this.setEmit('confirm')

                this.close()

            },

            /**

             * å˜åŒ–触发

             */

            change() {

                if (!this.insert) return

                this.setEmit('change')

            },

            /**

             * é€‰æ‹©æœˆä»½è§¦å‘

             */

            monthSwitch() {

                let {

                    year,

                    month

                } = this.nowDate

                this.$emit('monthSwitch', {

                    year,

                    month: Number(month)

                })

            },

            /**

             * æ´¾å‘事件

             * @param {Object} name

             */

            setEmit(name) {

                let {

                    year,

                    month,

                    date,

                    fullDate,

                    lunar,

                    extraInfo

                } = this.calendar

                this.$emit(name, {

                    range: this.cale.multipleStatus,

                    year,

                    month,

                    date,

                    fulldate: fullDate,

                    lunar,

                    extraInfo: extraInfo || {}

                })

            },

            /**

             * é€‰æ‹©å¤©è§¦å‘

             * @param {Object} weeks

             */

            choiceDate(weeks) {

                if (weeks.disable) return

                this.calendar = weeks

                // è®¾ç½®å¤šé€‰

                this.cale.setMultiple(this.calendar.fullDate)

                this.weeks = this.cale.weeks

                this.change()

            },

            /**

             * å›žåˆ°ä»Šå¤©

             */

            backToday() {

                const nowYearMonth = `${this.nowDate.year}-${this.nowDate.month}`

                const date = this.cale.getDate(new Date())

        const todayYearMonth = `${date.year}-${date.month}`



                this.init(date.fullDate)



        if(nowYearMonth !== todayYearMonth) {

          this.monthSwitch()

        }



                this.change()

            },

            /**

             * ä¸Šä¸ªæœˆ

             */

            pre() {

                const preDate = this.cale.getDate(this.nowDate.fullDate, -1, 'month').fullDate

                this.setDate(preDate)

                this.monthSwitch()



            },

            /**

             * ä¸‹ä¸ªæœˆ

             */

            next() {

                const nextDate = this.cale.getDate(this.nowDate.fullDate, +1, 'month').fullDate

                this.setDate(nextDate)

                this.monthSwitch()

            },

            /**

             * è®¾ç½®æ—¥æœŸ

             * @param {Object} date

             */

            setDate(date) {

                this.cale.setDate(date)

                this.weeks = this.cale.weeks

                this.nowDate = this.cale.getInfo(date)

            }

        }

    }

</script>



<style lang="scss" scoped>

    $uni-bg-color-mask: rgba($color: #000000, $alpha: 0.4);

    $uni-border-color: #EDEDED;

    $uni-text-color: #333;

    $uni-bg-color-hover:#f1f1f1;

    $uni-font-size-base:14px;

    $uni-text-color-placeholder: #808080;

    $uni-color-subtitle: #555555;

    $uni-text-color-grey:#999;

    .uni-calendar {

        /* #ifndef APP-NVUE */

        display: flex;

        /* #endif */

        flex-direction: column;

    }



    .uni-calendar__mask {

        position: fixed;

        bottom: 0;

        top: 0;

        left: 0;

        right: 0;

        background-color: $uni-bg-color-mask;

        transition-property: opacity;

        transition-duration: 0.3s;

        opacity: 0;

        /* #ifndef APP-NVUE */

        z-index: 99;

        /* #endif */

    }



    .uni-calendar--mask-show {

        opacity: 1

    }



    .uni-calendar--fixed {

        position: fixed;

        /* #ifdef APP-NVUE */

        bottom: 0;

        /* #endif */

        left: 0;

        right: 0;

        transition-property: transform;

        transition-duration: 0.3s;

        transform: translateY(460px);

        /* #ifndef APP-NVUE */

        bottom: calc(var(--window-bottom));

        z-index: 99;

        /* #endif */

    }



    .uni-calendar--ani-show {

        transform: translateY(0);

    }



    .uni-calendar__content {

        background-color: #fff;

    }



    .uni-calendar__header {

        position: relative;

        /* #ifndef APP-NVUE */

        display: flex;

        /* #endif */

        flex-direction: row;

        justify-content: center;

        align-items: center;

        height: 50px;

        border-bottom-color: $uni-border-color;

        border-bottom-style: solid;

        border-bottom-width: 1px;

    }



    .uni-calendar--fixed-top {

        /* #ifndef APP-NVUE */

        display: flex;

        /* #endif */

        flex-direction: row;

        justify-content: space-between;

        border-top-color: $uni-border-color;

        border-top-style: solid;

        border-top-width: 1px;

    }



    .uni-calendar--fixed-width {

        width: 50px;

    }



    .uni-calendar__backtoday {

        position: absolute;

        right: 0;

        top: 25rpx;

        padding: 0 5px;

        padding-left: 10px;

        height: 25px;

        line-height: 25px;

        font-size: 12px;

        border-top-left-radius: 25px;

        border-bottom-left-radius: 25px;

        color: $uni-text-color;

        background-color: $uni-bg-color-hover;

    }



    .uni-calendar__header-text {

        text-align: center;

        width: 100px;

        font-size: $uni-font-size-base;

        color: $uni-text-color;

    }



    .uni-calendar__header-btn-box {

        /* #ifndef APP-NVUE */

        display: flex;

        /* #endif */

        flex-direction: row;

        align-items: center;

        justify-content: center;

        width: 50px;

        height: 50px;

    }



    .uni-calendar__header-btn {

        width: 10px;

        height: 10px;

        border-left-color: $uni-text-color-placeholder;

        border-left-style: solid;

        border-left-width: 2px;

        border-top-color: $uni-color-subtitle;

        border-top-style: solid;

        border-top-width: 2px;

    }



    .uni-calendar--left {

        transform: rotate(-45deg);

    }



    .uni-calendar--right {

        transform: rotate(135deg);

    }





    .uni-calendar__weeks {

        position: relative;

        /* #ifndef APP-NVUE */

        display: flex;

        /* #endif */

        flex-direction: row;

    }



    .uni-calendar__weeks-item {

        flex: 1;

    }



    .uni-calendar__weeks-day {

        flex: 1;

        /* #ifndef APP-NVUE */

        display: flex;

        /* #endif */

        flex-direction: column;

        justify-content: center;

        align-items: center;

        height: 45px;

        border-bottom-color: #F5F5F5;

        border-bottom-style: solid;

        border-bottom-width: 1px;

    }



    .uni-calendar__weeks-day-text {

        font-size: 14px;

    }



    .uni-calendar__box {

        position: relative;

    }



    .uni-calendar__box-bg {

        /* #ifndef APP-NVUE */

        display: flex;

        /* #endif */

        justify-content: center;

        align-items: center;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

    }



    .uni-calendar__box-bg-text {

        font-size: 200px;

        font-weight: bold;

        color: $uni-text-color-grey;

        opacity: 0.1;

        text-align: center;

        /* #ifndef APP-NVUE */

        line-height: 1;

        /* #endif */

    }

</style>


 h5/uni_modules/uni-calendar/components/uni-calendar/util.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,360 @@
import CALENDAR from './calendar.js'



class Calendar {

    constructor({

        date,

        selected,

        startDate,

        endDate,

        range

    } = {}) {

        // å½“前日期

        this.date = this.getDate(new Date()) // å½“前初入日期

        // æ‰“点信息

        this.selected = selected || [];

        // èŒƒå›´å¼€å§‹

        this.startDate = startDate

        // èŒƒå›´ç»“束

        this.endDate = endDate

        this.range = range

        // å¤šé€‰çŠ¶æ€

        this.cleanMultipleStatus()

        // æ¯å‘¨æ—¥æœŸ

        this.weeks = {}

        // this._getWeek(this.date.fullDate)

    }

    /**

     * è®¾ç½®æ—¥æœŸ

     * @param {Object} date

     */

    setDate(date) {

        this.selectDate = this.getDate(date)

        this._getWeek(this.selectDate.fullDate)

    }



    /**

     * æ¸…理多选状态

     */

    cleanMultipleStatus() {

        this.multipleStatus = {

            before: '',

            after: '',

            data: []

        }

    }



    /**

     * é‡ç½®å¼€å§‹æ—¥æœŸ

     */

    resetSatrtDate(startDate) {

        // èŒƒå›´å¼€å§‹

        this.startDate = startDate



    }



    /**

     * é‡ç½®ç»“束日期

     */

    resetEndDate(endDate) {

        // èŒƒå›´ç»“束

        this.endDate = endDate

    }



    /**

     * èŽ·å–任意时间

     */

    getDate(date, AddDayCount = 0, str = 'day') {

        if (!date) {

            date = new Date()

        }

        if (typeof date !== 'object') {

            date = date.replace(/-/g, '/')

        }

        const dd = new Date(date)

        switch (str) {

            case 'day':

                dd.setDate(dd.getDate() + AddDayCount) // èŽ·å–AddDayCount天后的日期

                break

            case 'month':

                if (dd.getDate() === 31 && AddDayCount>0) {

                    dd.setDate(dd.getDate() + AddDayCount)

                } else {

                    const preMonth = dd.getMonth()

                    dd.setMonth(preMonth + AddDayCount) // èŽ·å–AddDayCount天后的日期

                    const nextMonth = dd.getMonth()

                    // å¤„理 pre åˆ‡æ¢æœˆä»½ç›®æ ‡æœˆä»½ä¸º2月没有当前日(30 31) åˆ‡æ¢é”™è¯¯é—®é¢˜

                    if(AddDayCount<0 && preMonth!==0 && nextMonth-preMonth>AddDayCount){

                        dd.setMonth(nextMonth+(nextMonth-preMonth+AddDayCount))

                    }

                    // å¤„理 next åˆ‡æ¢æœˆä»½ç›®æ ‡æœˆä»½ä¸º2月没有当前日(30 31) åˆ‡æ¢é”™è¯¯é—®é¢˜

                    if(AddDayCount>0 && nextMonth-preMonth>AddDayCount){

                        dd.setMonth(nextMonth-(nextMonth-preMonth-AddDayCount))

                    }

                }

                break

            case 'year':

                dd.setFullYear(dd.getFullYear() + AddDayCount) // èŽ·å–AddDayCount天后的日期

                break

        }

        const y = dd.getFullYear()

        const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1 // èŽ·å–当前月份的日期，不足10è¡¥0

        const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate() // èŽ·å–当前几号，不足10è¡¥0

        return {

            fullDate: y + '-' + m + '-' + d,

            year: y,

            month: m,

            date: d,

            day: dd.getDay()

        }

    }





    /**

     * èŽ·å–上月剩余天数

     */

    _getLastMonthDays(firstDay, full) {

        let dateArr = []

        for (let i = firstDay; i > 0; i--) {

            const beforeDate = new Date(full.year, full.month - 1, -i + 1).getDate()

            dateArr.push({

                date: beforeDate,

                month: full.month - 1,

                lunar: this.getlunar(full.year, full.month - 1, beforeDate),

                disable: true

            })

        }

        return dateArr

    }

    /**

     * èŽ·å–本月天数

     */

    _currentMonthDys(dateData, full) {

        let dateArr = []

        let fullDate = this.date.fullDate

        for (let i = 1; i <= dateData; i++) {

            let nowDate = full.year + '-' + (full.month < 10 ?

                full.month : full.month) + '-' + (i < 10 ?

                '0' + i : i)

            // æ˜¯å¦ä»Šå¤©

            let isDay = fullDate === nowDate

            // èŽ·å–打点信息

            let info = this.selected && this.selected.find((item) => {

                if (this.dateEqual(nowDate, item.date)) {

                    return item

                }

            })



            // æ—¥æœŸç¦ç”¨

            let disableBefore = true

            let disableAfter = true

            if (this.startDate) {

                // let dateCompBefore = this.dateCompare(this.startDate, fullDate)

                // disableBefore = this.dateCompare(dateCompBefore ? this.startDate : fullDate, nowDate)

                disableBefore = this.dateCompare(this.startDate, nowDate)

            }



            if (this.endDate) {

                // let dateCompAfter = this.dateCompare(fullDate, this.endDate)

                // disableAfter = this.dateCompare(nowDate, dateCompAfter ? this.endDate : fullDate)

                disableAfter = this.dateCompare(nowDate, this.endDate)

            }

            let multiples = this.multipleStatus.data

            let checked = false

            let multiplesStatus = -1

            if (this.range) {

                if (multiples) {

                    multiplesStatus = multiples.findIndex((item) => {

                        return this.dateEqual(item, nowDate)

                    })

                }

                if (multiplesStatus !== -1) {

                    checked = true

                }

            }

            let data = {

                fullDate: nowDate,

                year: full.year,

                date: i,

                multiple: this.range ? checked : false,

                beforeMultiple: this.dateEqual(this.multipleStatus.before, nowDate),

                afterMultiple: this.dateEqual(this.multipleStatus.after, nowDate),

                month: full.month,

                lunar: this.getlunar(full.year, full.month, i),

                disable: !(disableBefore && disableAfter),

                isDay

            }

            if (info) {

                data.extraInfo = info

            }



            dateArr.push(data)

        }

        return dateArr

    }

    /**

     * èŽ·å–下月天数

     */

    _getNextMonthDays(surplus, full) {

        let dateArr = []

        for (let i = 1; i < surplus + 1; i++) {

            dateArr.push({

                date: i,

                month: Number(full.month) + 1,

                lunar: this.getlunar(full.year, Number(full.month) + 1, i),

                disable: true

            })

        }

        return dateArr

    }



    /**

     * èŽ·å–当前日期详情

     * @param {Object} date

     */

    getInfo(date) {

        if (!date) {

            date = new Date()

        }

        const dateInfo = this.canlender.find(item => item.fullDate === this.getDate(date).fullDate)

        return dateInfo

    }



    /**

     * æ¯”较时间大小

     */

    dateCompare(startDate, endDate) {

        // è®¡ç®—截止时间

        startDate = new Date(startDate.replace('-', '/').replace('-', '/'))

        // è®¡ç®—详细项的截止时间

        endDate = new Date(endDate.replace('-', '/').replace('-', '/'))

        if (startDate <= endDate) {

            return true

        } else {

            return false

        }

    }



    /**

     * æ¯”较时间是否相等

     */

    dateEqual(before, after) {

        // è®¡ç®—截止时间

        before = new Date(before.replace('-', '/').replace('-', '/'))

        // è®¡ç®—详细项的截止时间

        after = new Date(after.replace('-', '/').replace('-', '/'))

        if (before.getTime() - after.getTime() === 0) {

            return true

        } else {

            return false

        }

    }





    /**

     * èŽ·å–日期范围内所有日期

     * @param {Object} begin

     * @param {Object} end

     */

    geDateAll(begin, end) {

        var arr = []

        var ab = begin.split('-')

        var ae = end.split('-')

        var db = new Date()

        db.setFullYear(ab[0], ab[1] - 1, ab[2])

        var de = new Date()

        de.setFullYear(ae[0], ae[1] - 1, ae[2])

        var unixDb = db.getTime() - 24 * 60 * 60 * 1000

        var unixDe = de.getTime() - 24 * 60 * 60 * 1000

        for (var k = unixDb; k <= unixDe;) {

            k = k + 24 * 60 * 60 * 1000

            arr.push(this.getDate(new Date(parseInt(k))).fullDate)

        }

        return arr

    }

    /**

     * è®¡ç®—阴历日期显示

     */

    getlunar(year, month, date) {

        return CALENDAR.solar2lunar(year, month, date)

    }

    /**

     * è®¾ç½®æ‰“点

     */

    setSelectInfo(data, value) {

        this.selected = value

        this._getWeek(data)

    }



    /**

     *  èŽ·å–多选状态

     */

    setMultiple(fullDate) {

        let {

            before,

            after

        } = this.multipleStatus



        if (!this.range) return

        if (before && after) {

            this.multipleStatus.before = ''

            this.multipleStatus.after = ''

            this.multipleStatus.data = []

        } else {

            if (!before) {

                this.multipleStatus.before = fullDate

            } else {

                this.multipleStatus.after = fullDate

                if (this.dateCompare(this.multipleStatus.before, this.multipleStatus.after)) {

                    this.multipleStatus.data = this.geDateAll(this.multipleStatus.before, this.multipleStatus.after);

                } else {

                    this.multipleStatus.data = this.geDateAll(this.multipleStatus.after, this.multipleStatus.before);

                }

            }

        }

        this._getWeek(fullDate)

    }



    /**

     * èŽ·å–每周数据

     * @param {Object} dateData

     */

    _getWeek(dateData) {

        const {

            year,

            month

        } = this.getDate(dateData)

        let firstDay = new Date(year, month - 1, 1).getDay()

        let currentDay = new Date(year, month, 0).getDate()

        let dates = {

            lastMonthDays: this._getLastMonthDays(firstDay, this.getDate(dateData)), // ä¸Šä¸ªæœˆæœ«å°¾å‡ å¤©

            currentMonthDys: this._currentMonthDys(currentDay, this.getDate(dateData)), // æœ¬æœˆå¤©æ•°

            nextMonthDays: [], // ä¸‹ä¸ªæœˆå¼€å§‹å‡ å¤©

            weeks: []

        }

        let canlender = []

        const surplus = 42 - (dates.lastMonthDays.length + dates.currentMonthDys.length)

        dates.nextMonthDays = this._getNextMonthDays(surplus, this.getDate(dateData))

        canlender = canlender.concat(dates.lastMonthDays, dates.currentMonthDys, dates.nextMonthDays)

        let weeks = {}

        // æ‹¼æŽ¥æ•°ç»„  ä¸Šä¸ªæœˆå¼€å§‹å‡ å¤© + æœ¬æœˆå¤©æ•°+ ä¸‹ä¸ªæœˆå¼€å§‹å‡ å¤©

        for (let i = 0; i < canlender.length; i++) {

            if (i % 7 === 0) {

                weeks[parseInt(i / 7)] = new Array(7)

            }

            weeks[parseInt(i / 7)][i % 7] = canlender[i]

        }

        this.canlender = canlender

        this.weeks = weeks

    }



    //静态方法

    // static init(date) {

    //     if (!this.instance) {

    //         this.instance = new Calendar(date);

    //     }

    //     return this.instance;

    // }

}





export default Calendar


 h5/uni_modules/uni-calendar/package.json

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,85 @@
{
  "id": "uni-calendar",
  "displayName": "uni-calendar æ—¥åŽ†",
  "version": "1.4.11",
  "description": "日历组件",
  "keywords": [
    "uni-ui",
    "uniui",
    "日历",
    "",
    "打卡",
    "日历选择"
],
  "repository": "https://github.com/dcloudio/uni-ui",
  "engines": {
    "HBuilderX": ""
  },
  "directories": {
    "example": "../../temps/example_temps"
  },
"dcloudext": {
    "sale": {
      "regular": {
        "price": "0.00"
      },
      "sourcecode": {
        "price": "0.00"
      }
    },
    "contact": {
      "qq": ""
    },
    "declaration": {
      "ads": "无",
      "data": "无",
      "permissions": "无"
    },
    "npmurl": "https://www.npmjs.com/package/@dcloudio/uni-ui",
    "type": "component-vue"
  },
  "uni_modules": {
    "dependencies": [],
    "encrypt": [],
    "platforms": {
      "cloud": {
        "tcb": "y",
        "aliyun": "y"
      },
      "client": {
        "App": {
          "app-vue": "y",
          "app-nvue": "y"
        },
        "H5-mobile": {
          "Safari": "y",
          "Android Browser": "y",
          "微信浏览器(Android)": "y",
          "QQ浏览器(Android)": "y"
        },
        "H5-pc": {
          "Chrome": "y",
          "IE": "y",
          "Edge": "y",
          "Firefox": "y",
          "Safari": "y"
        },
        "小程序": {
          "微信": "y",
          "阿里": "y",
          "百度": "y",
          "字节跳动": "y",
          "QQ": "y"
        },
        "快应用": {
          "华为": "u",
          "联盟": "u"
        },
        "Vue": {
            "vue2": "y",
            "vue3": "y"
        }
      }
    }
  }
}

 h5/uni_modules/uni-calendar/readme.md

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,103 @@


## Calendar æ—¥åŽ†
> **组件名：uni-calendar**
> ä»£ç å—： `uCalendar`


日历组件

> **注意事项**
> ä¸ºäº†é¿å…é”™è¯¯ä½¿ç”¨ï¼Œç»™å¤§å®¶å¸¦æ¥ä¸å¥½çš„开发体验，请在使用组件前仔细阅读下面的注意事项，可以帮你避免一些错误。
> - æœ¬ç»„件农历转换使用的js是 [@1900-2100区间内的公历、农历互转](https://github.com/jjonline/calendar.js)  
> - ä»…支持自定义组件模式
> - `date`属性传入的应该是一个 String ï¼Œå¦‚： 2019-06-27 ï¼Œè€Œä¸æ˜¯ new Date()
> - é€šè¿‡ `insert` å±žæ€§æ¥ç¡®å®šå½“前的事件是 @change è¿˜æ˜¯ @confirm ã€‚理应合并为一个事件，但是为了区分模式，现使用两个事件，这里需要注意
> - å¼¹çª—模式下无法阻止后面的元素滚动，如有需要阻止，请在弹窗弹出后，手动设置滚动元素为不可滚动


### å®‰è£…方式

本组件符合[easycom](https://uniapp.dcloud.io/collocation/pages?id=easycom)规范，`HBuilderX 2.5.5`起，只需将本组件导入项目，在页面`template`中即可直接使用，无需在页面中`import`和注册`components`。

如需通过`npm`方式使用`uni-ui`组件，另见文档：[https://ext.dcloud.net.cn/plugin?id=55](https://ext.dcloud.net.cn/plugin?id=55)

### åŸºæœ¬ç”¨æ³•

在 ``template`` ä¸­ä½¿ç”¨ç»„件

```html
<view>
    <uni-calendar 
    :insert="true"
    :lunar="true" 
    :start-date="'2019-3-2'"
    :end-date="'2019-5-20'"
    @change="change"
     />
</view>
```

### é€šè¿‡æ–¹æ³•æ‰“开日历

需要设置 `insert` ä¸º `false`

```html
<view>
    <uni-calendar 
    ref="calendar"
    :insert="false"
    @confirm="confirm"
     />
     <button @click="open">打开日历</button>
</view>
```

```javascript

export default {
    data() {
        return {};
    },
    methods: {
        open(){
            this.$refs.calendar.open();
        },
        confirm(e) {
            console.log(e);
        }
    }
};

```


## API

### Calendar Props

|  å±žæ€§å    |    ç±»åž‹    | é»˜è®¤å€¼| è¯´æ˜Ž                                                                                                                    |
| -    | -    | - | - |
| date        | String    |-        | è‡ªå®šä¹‰å½“前时间，默认为今天                                                                                            |
| lunar        | Boolean    | false    | æ˜¾ç¤ºå†œåŽ†                                                                                                                |
| startDate    | String    |-        | æ—¥æœŸé€‰æ‹©èŒƒå›´-开始日期                                                                                                    |
| endDate    | String    |-        | æ—¥æœŸé€‰æ‹©èŒƒå›´-结束日期                                                                                                    |
| range        | Boolean    | false    | èŒƒå›´é€‰æ‹©                                                                                                                |
| insert    | Boolean    | false    | æ’入模式,可选值，ture：插入模式；false：弹窗模式；默认为插入模式                                                        |
|clearDate    |Boolean    |true    |弹窗模式是否清空上次选择内容    |
| selected    | Array        |-        | æ‰“点，期待格式[{date: '2019-06-27', info: '签到', data: { custom: '自定义信息', name: '自定义消息头',xxx:xxx... }}]    |
|showMonth    | Boolean    | true    | æ˜¯å¦æ˜¾ç¤ºæœˆä»½ä¸ºèƒŒæ™¯                                                                                                    |

### Calendar Events

|  äº‹ä»¶å        | è¯´æ˜Ž                                |返回值|
| -    |    -    | -    |
| open    | å¼¹å‡ºæ—¥åŽ†ç»„件，`insert :false` æ—¶ç”Ÿæ•ˆ|-     |





## ç»„件示例

点击查看：[https://hellouniapp.dcloud.net.cn/pages/extUI/calendar/calendar](https://hellouniapp.dcloud.net.cn/pages/extUI/calendar/calendar)