JS万年历,适用mvc/mvvm/小程序

最新推荐文章于 2023-11-02 19:01:45 发布

amwybj041989

最新推荐文章于 2023-11-02 19:01:45 发布

阅读量309

点赞数 1

分类专栏： JS 小程序

本文链接：https://blog.csdn.net/amwybj041989/article/details/87088417

版权

小程序同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

在这里插入图片描述

效果如图

小程序代码

///wxml
<view class="calendar mb_20 bg_fff">
        <picker bindchange="dateChangeHandler" mode="date" fields="month">
          <view class="calendar_header flex justify_center">
            <view class="calendar_wrap flex flex_center">
              <view class="calendar_header_left fontSize_30 color_111">{{dataShow.dayStr[0]}}.{{dataShow.dayStr[1]}}</view>
              <view class="iconfont unfold_icon fontSize_34 color_111"></view>
            </view>
          </view>
        </picker>
        <view class="calendar_main flex">
          <view class="calendar_col flex_1 text_center" wx:for="{{calendarList}}" wx:key="{{index}}">
            <view class='calendar_top fontSize_26 {{index == 0 || index == 6? "color_999": "color_333"}}'>{{item.name}}</view>
            <view bindtap='calendarHandler' data-item="{{dayItem}}" class="calendar_row {{isSelectDay==dayItem.sDay-1? 'calendar_active': ''}} box_sizing flex flex_column flex_center justify_center" wx:for="{{item.dayList}}" wx:for-item="dayItem" wx:for-index="itemIndex"
              wx:key="{{index}}">
              <view class='fontSize_36 active_item lh_1 text_center {{index == 0 || index == 6? "color_999": "color_333"}}'>{{dayItem.sDay}}</view>
              <!-- <view class='fontSize_20 active_item lh_1 text_center {{index == 0 || index == 6? "color_999": "color_333"}}'>{{dayItem.solarFestival? dayItem.solarFestival : (dayItem.lunarFestival? dayItem.lunarFestival: dayItem.lDayStr)}}</view> -->
              <view class='fontSize_20 active_item lh_1 text_center {{index == 0 || index == 6? "color_999": "color_333"}}'>{{dayItem.lDayStr}}</view>
            </view>
          </view>
        </view>
      </view>

//js
const calendar = require("../../utils/calendar.js");
// 日历初始化
 initDay(year, mouth) {
   let arr = calendar.init(year * 1, mouth * 1 - 1);
   let calendarList = new Array(7);
   for (let i = 0; i < calendarList.length; i++) {
     const item = calendarList[i];
     let name = ''
     switch (i) {
       case 0:
         name = '日'
         break;
       case 1:
         name = '一'
         break;
       case 2:
         name = '二'
         break;
       case 3:
         name = '三'
         break;
       case 4:
         name = '四'
         break;
       case 5:
         name = '五'
         break;
       default:
         name = '六'
         break;
     }
     calendarList[i] = {
       name,
       dayList: []
     };
   }
   let isSelectDay = 0
   for (let i = 0; i < arr.length; i++) {
     const item = arr[i];
     if (item.isToday == true) {
       isSelectDay = i
     }
     let n = item.weekDay;
     calendarList[n].dayList.push(item);
   }
   let n = arr[0].weekDay;
   for (let i = 0; i < n; i++) {
     calendarList[i].dayList.unshift({});
   }

   this.setData({
     calendarList,
     isSelectDay
   });
 },

//calendar.js
const lunarInfo = new Array(
  0x04bd8,
  0x04ae0,
  0x0a570,
  0x054d5,
  0x0d260,
  0x0d950,
  0x16554,
  0x056a0,
  0x09ad0,
  0x055d2,
  0x04ae0,
  0x0a5b6,
  0x0a4d0,
  0x0d250,
  0x1d255,
  0x0b540,
  0x0d6a0,
  0x0ada2,
  0x095b0,
  0x14977,
  0x04970,
  0x0a4b0,
  0x0b4b5,
  0x06a50,
  0x06d40,
  0x1ab54,
  0x02b60,
  0x09570,
  0x052f2,
  0x04970,
  0x06566,
  0x0d4a0,
  0x0ea50,
  0x06e95,
  0x05ad0,
  0x02b60,
  0x186e3,
  0x092e0,
  0x1c8d7,
  0x0c950,
  0x0d4a0,
  0x1d8a6,
  0x0b550,
  0x056a0,
  0x1a5b4,
  0x025d0,
  0x092d0,
  0x0d2b2,
  0x0a950,
  0x0b557,
  0x06ca0,
  0x0b550,
  0x15355,
  0x04da0,
  0x0a5d0,
  0x14573,
  0x052d0,
  0x0a9a8,
  0x0e950,
  0x06aa0,
  0x0aea6,
  0x0ab50,
  0x04b60,
  0x0aae4,
  0x0a570,
  0x05260,
  0x0f263,
  0x0d950,
  0x05b57,
  0x056a0,
  0x096d0,
  0x04dd5,
  0x04ad0,
  0x0a4d0,
  0x0d4d4,
  0x0d250,
  0x0d558,
  0x0b540,
  0x0b5a0,
  0x195a6,
  0x095b0,
  0x049b0,
  0x0a974,
  0x0a4b0,
  0x0b27a,
  0x06a50,
  0x06d40,
  0x0af46,
  0x0ab60,
  0x09570,
  0x04af5,
  0x04970,
  0x064b0,
  0x074a3,
  0x0ea50,
  0x06b58,
  0x055c0,
  0x0ab60,
  0x096d5,
  0x092e0,
  0x0c960,
  0x0d954,
  0x0d4a0,
  0x0da50,
  0x07552,
  0x056a0,
  0x0abb7,
  0x025d0,
  0x092d0,
  0x0cab5,
  0x0a950,
  0x0b4a0,
  0x0baa4,
  0x0ad50,
  0x055d9,
  0x04ba0,
  0x0a5b0,
  0x15176,
  0x052b0,
  0x0a930,
  0x07954,
  0x06aa0,
  0x0ad50,
  0x05b52,
  0x04b60,
  0x0a6e6,
  0x0a4e0,
  0x0d260,
  0x0ea65,
  0x0d530,
  0x05aa0,
  0x076a3,
  0x096d0,
  0x04bd7,
  0x04ad0,
  0x0a4d0,
  0x1d0b6,
  0x0d250,
  0x0d520,
  0x0dd45,
  0x0b5a0,
  0x056d0,
  0x055b2,
  0x049b0,
  0x0a577,
  0x0a4b0,
  0x0aa50,
  0x1b255,
  0x06d20,
  0x0ada0
);
//太阳历每月天数
const solarMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
//节气
const solarTerm = new Array(
  "小寒",
  "大寒",
  "立春",
  "雨水",
  "惊蛰",
  "春分",
  "清明",
  "谷雨",
  "立夏",
  "小满",
  "芒种",
  "夏至",
  "小暑",
  "大暑",
  "立秋",
  "处暑",
  "白露",
  "秋分",
  "寒露",
  "霜降",
  "立冬",
  "小雪",
  "大雪",
  "冬至"
);
//Download by
const sTermInfo = new Array(
  0,
  21208,
  42467,
  63836,
  85337,
  107014,
  128867,
  150921,
  173149,
  195551,
  218072,
  240693,
  263343,
  285989,
  308563,
  331033,
  353350,
  375494,
  397447,
  419210,
  440795,
  462224,
  483532,
  504758
);
//
const nStr1 = new Array(
  "日",
  "一",
  "二",
  "三",
  "四",
  "五",
  "六",
  "七",
  "八",
  "九",
  "十"
);
//
const nStr2 = new Array("初", "十", "廿", "卅", "　");
//国历节日 *表示节假日
const sFtv = new Array(
  "0101*元旦",
  "0214 情人节",
  "0308 妇女节",
  "0312 植树节",
  "0315 消费者权益日",
  "0321 世界森林日、世界儿歌日",
  "0322 世界水日",
  "0323 世界气象日",
  "0324 世界防治结核病日",

  "0401 愚人节",
  "0407 世界卫生日",
  "0422 世界地球日",

  "0501*劳动节",
  "0504 青年节",
  "0505 碘缺乏病防治日",
  "0508 世界红十字日",
  "0512 国际护士节",
  "0515 国际家庭日",
  "0517 世界电信日",
  "0518 国际博物馆日",
  "0520 全国学生营养日",
  "0523 国际牛奶日",
  "0531 世界无烟日",

  "0601 儿童节",
  "0605 世界环境日",
  "0606 全国爱眼日",
  "0616 防治荒漠化和干旱日",
  "0623 国际奥林匹克日",
  "0625 全国土地日",
  "0626 国际反毒品日",

  "0701 建党节 香港回归纪念 国际建筑日",
  "0707 中国人民抗日战争纪念日",
  "0711 世界人口日",

  "0801 建军节",
  "0808 父亲节",

  "0908 国际扫盲日",
  "0909 毛泽东逝世纪念",
  "0910 教师节",
  "0916 国际臭氧层保护日",
  "0920 国际爱牙日",
  "0927 世界旅游日",
  "0928 孔子诞辰",

  "1001*国庆节 国际音乐日",
  "1004 世界动物日",
  "1006 老人节",
  "1008 全国高血压日 世界视觉日",
  "1009 世界邮政日",
  "1015 国际盲人节",
  "1016 世界粮食日",
  "1017 世界消除贫困日",
  "1024 联合国日",

  "1108 中国记者日",
  "1109 消防宣传日",
  "1112 孙中山诞辰纪念",
  "1114 世界糖尿病日",
  "1117 国际大学生节",

  "1201 世界艾滋病日",
  "1203 世界残疾人日",
  "1209 世界足球日",
  "1220 澳门回归纪念",
  "1225 圣诞节",
  "1226 毛泽东诞辰纪念",
  "1229 国际生物多样性日"
);

//农历节日 *表示节假日
const lFtv = new Array(
  "0101*春节",
  "0115 元宵节",
  "0505 端午节",
  "0707 七夕情人节",
  "0715 中元节",
  "0815 中秋节",
  "0909 重阳节",
  "1208 腊八节",
  "1223 小年",
  "0100*除夕"
);

//按周计算 月周日
const wFtv = new Array(
  "0520 国际母亲节",
  "0530 全国助残日",
  "0630 国际父亲节",
  "0932 国际和平日",
  "0940 国际聋人节",
  "1013 国际减轻自然灾害日",
  "1011 国际住房日"
);
function lYearDays(y) {
  var i,
    sum = 348;
  for (i = 0x8000; i > 0x8; i >>= 1) sum += lunarInfo[y - 1900] & i ? 1 : 0;
  return sum + leapDays(y);
}

function leapDays(y) {
  if (leapMonth(y)) return lunarInfo[y - 1900] & 0x10000 ? 30 : 29;
  else return 0;
}

function leapMonth(y) {
  return lunarInfo[y - 1900] & 0xf;
}

function monthDays(y, m) {
  return lunarInfo[y - 1900] & (0x10000 >> m) ? 30 : 29;
}
function Lunar(objDate) {
  var m = ""; // msg for log
  var i,
    leap = 0,
    temp = 0;
  var baseDate = new Date(1900, 0, 31);
  // changed by hmisty 2005/07/23
  //   var offset   = (objDate - baseDate)/86400000;
  var offset = Math.floor((objDate.getTime() + 2206425600000) / 86400000);
  m +=
    "objDate=" +
    objDate.getTime() +
    ", new Date(1900,0,31)=" +
    baseDate.getTime();
  m += "offset=" + offset;

  this.dayCyl = offset + 40;
  this.monCyl = 14;

  for (i = 1900; i < 2050 && offset > 0; i++) {
    temp = lYearDays(i);
    offset -= temp;
    this.monCyl += 12;
  }

  if (offset < 0) {
    offset += temp;
    i--;
    this.monCyl -= 12;
  }

  this.year = i;
  this.yearCyl = i - 1864;

  leap = leapMonth(i);
  this.isLeap = false;

  for (i = 1; i < 13 && offset > 0; i++) {
    if (leap > 0 && i == leap + 1 && this.isLeap == false) {
      --i;
      this.isLeap = true;
      temp = leapDays(this.year);
    } else {
      temp = monthDays(this.year, i);
    }

    if (this.isLeap == true && i == leap + 1) this.isLeap = false;

    offset -= temp;
    if (this.isLeap == false) this.monCyl++;
  }

  if (offset == 0 && leap > 0 && i == leap + 1)
    if (this.isLeap) {
      this.isLeap = false;
    } else {
      this.isLeap = true;
      --i;
      --this.monCyl;
    }

  if (offset < 0) {
    offset += temp;
    --i;
    --this.monCyl;
  }

  this.month = i;
  this.day = offset + 1;

  m +=
    "\noffset=" +
    offset +
    ", year=" +
    this.year +
    ", yearCyl=" +
    this.yearCyl +
    ", month=" +
    this.month +
    ",\n monthCyl=" +
    this.monthCyl +
    ", day=" +
    this.day +
    ", dayCyl=" +
    this.dayCyl;
}
function solarDays(y, m) {
  if (m == 1) return (y % 4 == 0 && y % 100 != 0) || y % 400 == 0 ? 29 : 28;
  else return solarMonth[m];
}

function calElement(sYear, sMonth, sDay, lYear, lMonth, lDay, weekDay) {
  this.sYear = sYear;
  this.sMonth = sMonth;
  this.sDay = sDay;
  this.isToday = false;
  this.lYear = lYear;
  this.lMonth = lMonth;
  this.lDay = lDay;
  this.weekDay = weekDay;
  this.lDayStr = cDay(lDay);
  this.lunarFestival = "";
  this.solarFestival = "";
  this.solarTerms = "";
}
function sTerm(y, n) {
  var offDate = new Date(
    31556925974.7 * (y - 1900) + sTermInfo[n] * 60000 - 2208549300000
  );
  return offDate.getUTCDate();
}
function calendar(y, m) {
  var sDObj,
    lDObj,
    lY,
    lM,
    lD = 1,
    lL,
    lX = 0,
    tmp1,
    tmp2;
  var lDPOS = new Array(3);
  var n = 0;
  var firstLM = 0;
  sDObj = new Date(y, m, 1);
  this.length = solarDays(y, m);
  this.firstWeek = sDObj.getDay();
  for (var i = 0; i < this.length; i++) {
    if (lD > lX) {
      sDObj = new Date(y, m, i + 1);
      lDObj = new Lunar(sDObj);
      lY = lDObj.year;
      lM = lDObj.month;
      lD = lDObj.day;
      lX = lL ? leapDays(lY) : monthDays(lY, lM);
      if (n == 0) firstLM = lM;
      lDPOS[n++] = i - lD + 1;
    }
    this[i] = new calElement(
      y,
      m + 1,
      i + 1,
      lY,
      lM,
      lD++,
      (i + this.firstWeek) % 7
    );
  }

  tmp1 = sTerm(y, m * 2) - 1;
  tmp2 = sTerm(y, m * 2 + 1) - 1;
  this[tmp1].solarTerms = solarTerm[m * 2];
  this[tmp2].solarTerms = solarTerm[m * 2 + 1];
  for (i in sFtv) {
    if (sFtv[i].match(/^(\d{2})(\d{2})([\s\*])(.+)$/))
      if (Number(RegExp.$1) == m + 1) {
        this[Number(RegExp.$2) - 1].solarFestival += RegExp.$4 + " ";
      }
  }
  for (i in wFtv)
    if (wFtv[i].match(/^(\d{2})(\d)(\d)([\s\*])(.+)$/))
      if (Number(RegExp.$1) == m + 1) {
        tmp1 = Number(RegExp.$2);
        tmp2 = Number(RegExp.$3);
        this[
          (this.firstWeek > tmp2 ? 7 : 0) +
            7 * (tmp1 - 1) +
            tmp2 -
            this.firstWeek
        ].solarFestival += RegExp.$5 + " ";
      }
  for (i in lFtv) {
    if (lFtv[i].match(/^(\d{2})(.{2})([\s\*])(.+)$/)) {
      tmp1 = Number(RegExp.$1) - firstLM;
      if (tmp1 == -11) tmp1 = 1;
      if (tmp1 >= 0 && tmp1 < n) {
        tmp2 = lDPOS[tmp1] + Number(RegExp.$2) - 1;
        if (tmp2 >= 0 && tmp2 < this.length) {
          this[tmp2].lunarFestival += RegExp.$4 + " ";
        }
      }
    }
  }
  if (y == tY && m == tM) {
    this[tD - 1].isToday = true;
  }
}
function cDay(d) {
  var s;
  switch (d) {
    case 10:
      s = "初十";
      break;
    case 20:
      s = "二十";
      break;
    case 30:
      s = "三十";
      break;
    default:
      s = nStr2[Math.floor(d / 10)];
      s += nStr1[d % 10];
  }
  return s;
}
var Today = new Date();
var tY = Today.getFullYear();
var tM = Today.getMonth();
var tD = Today.getDate();
function initial(y, m) {
  let _y = y || tY;
  let _m = m || m == 0 ? m : tM;
  return new calendar(_y, _m);
}
const calendarInit = {
  init: initial
};
module.exports = calendarInit;