perf: 日历组件更新
This commit is contained in:
Hefeng
@ -1,5 +1,5 @@
|
|||||||
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 86 1 40 72 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
|
|
||||||
<template>
|
<template>
|
||||||
|
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（会员ID：20 4 9，营业执照号： 9 1 65 0 1 04 MA7 9 5A 07 X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
|
||||||
<view class="fui-wrap">
|
<view class="fui-wrap">
|
||||||
<view class="fui-page__hd">
|
<view class="fui-page__hd">
|
||||||
<view class="fui-page__title fui-align__center" @tap="vip">Calendar <image
|
<view class="fui-page__title fui-align__center" @tap="vip">Calendar <image
|
||||||
@ -12,8 +12,8 @@
|
|||||||
<fui-calendar @change="change"></fui-calendar>
|
<fui-calendar @change="change"></fui-calendar>
|
||||||
<view class="fui-section__title">多个日期选择/显示农历</view>
|
<view class="fui-section__title">多个日期选择/显示农历</view>
|
||||||
<fui-calendar type="2" :isMultiple="false" showLunar @change="change1"></fui-calendar>
|
<fui-calendar type="2" :isMultiple="false" showLunar @change="change1"></fui-calendar>
|
||||||
<view class="fui-section__title">设置自定义描述</view>
|
<view class="fui-section__title">设置自定义描述/角标</view>
|
||||||
<fui-calendar :isMultiple="false" @change="change" @dateChange="dateChange"
|
<fui-calendar badgeColor="#09BE4F" :isMultiple="false" @change="change" @dateChange="dateChange"
|
||||||
ref="calendarRef"></fui-calendar>
|
ref="calendarRef"></fui-calendar>
|
||||||
<view class="fui-section__title">设置默认值/范围/仅展示不可选择</view>
|
<view class="fui-section__title">设置默认值/范围/仅展示不可选择</view>
|
||||||
<fui-calendar type="2" :isMultiple="false" language="en" :value="value" disabled minDate="2021-01-01"
|
<fui-calendar type="2" :isMultiple="false" language="en" :value="value" disabled minDate="2021-01-01"
|
||||||
@ -61,15 +61,18 @@
|
|||||||
}, 500)
|
}, 500)
|
||||||
},
|
},
|
||||||
onReady() {
|
onReady() {
|
||||||
|
if (!this.$refs.calendarRef) return;
|
||||||
//设置自定义描述数据
|
//设置自定义描述数据
|
||||||
this.$refs.calendarRef.setDescr(this.getDescr)
|
this.$refs.calendarRef.setDescr(this.getDescr)
|
||||||
|
//设置角标，返回数组中数据判定为true则显示角标，为false则不显示角标
|
||||||
|
this.$refs.calendarRef.setBadge(this.getDescr)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
vip() {
|
vip() {
|
||||||
this.fui.href("/pages/my/qa/qa?index=2&title=VIP专属内容")
|
this.fui.href("/pages/my/qa/qa?index=2&title=VIP专属内容")
|
||||||
},
|
},
|
||||||
change(e) {
|
change(e) {
|
||||||
// console.log(e)
|
console.log(e)
|
||||||
this.fui.toast(e.value)
|
this.fui.toast(e.value)
|
||||||
},
|
},
|
||||||
change1(e) {
|
change1(e) {
|
||||||
|
|||||||
960
pages/component/form/fui-calendar/fui-calendar.vue
Normal file
960
pages/component/form/fui-calendar/fui-calendar.vue
Normal file
@ -0,0 +1,960 @@
|
|||||||
|
<template>
|
||||||
|
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（会员ID：2 0 49，营业执照号： 9 1 6 5 0 10 4 MA 79 5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
|
||||||
|
<view class="fui-calendar__wrap" :style="{width:dateWidth,background:background}">
|
||||||
|
<view class="fui-calendar__header">
|
||||||
|
<view class="fui-calendar__icon-left" :class="['fui-calendar__pl']" @tap.stop="changeYear(-1)">
|
||||||
|
<fui-icon :name="name" :color="arrowColor" :size="arrowSize"></fui-icon>
|
||||||
|
</view>
|
||||||
|
<view class="fui-calendar__icon-left" :class="['fui-calendar__pl']" @tap.stop="changeMonth(-1)"
|
||||||
|
v-if="!isMultiple">
|
||||||
|
<fui-icon :name="name" :color="arrowColor" :size="arrowSize"></fui-icon>
|
||||||
|
</view>
|
||||||
|
<text class="fui-calendar__title"
|
||||||
|
:style="{width:yearsWidth+'rpx',fontSize:yearsSize+'rpx',lineHeight:yearsSize+'rpx',color:yearsColor}">{{title}}</text>
|
||||||
|
<view class="fui-calendar__pl" @tap.stop="changeMonth(1)" v-if="!isMultiple">
|
||||||
|
<fui-icon :name="name" :color="arrowColor" :size="arrowSize"></fui-icon>
|
||||||
|
</view>
|
||||||
|
<view class="fui-calendar__pl" @tap.stop="changeYear(1)">
|
||||||
|
<fui-icon :name="name" :color="arrowColor" :size="arrowSize"></fui-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="fui-calendar__date-header" :style="{borderBottomColor:lineColor}">
|
||||||
|
<text class="fui-calendar__date" :style="{color:titleColor,width:itemWidth}" v-for="(item,index) in header"
|
||||||
|
:key="index">{{item}}</text>
|
||||||
|
<!-- #ifndef APP-NVUE -->
|
||||||
|
<view class="fui-calendar__border" :style="{background:lineColor}"></view>
|
||||||
|
<!-- #endif -->
|
||||||
|
</view>
|
||||||
|
<swiper :indicator-dots="false" :autoplay="false" :current="defCurrent" :duration="300" :vertical="vertical"
|
||||||
|
@change="swiperChange" class="fui-calendar__swiper" style="height: 648rpx;" v-if="isMultiple">
|
||||||
|
<swiper-item v-for="(item,index) in monthArr" :key="item.key">
|
||||||
|
<view class="fui-calendar__date-wrap">
|
||||||
|
<view class="fui-calendar__date" :style="{width:itemWidth}" :class="['fui-calendar__dh']"
|
||||||
|
v-for="(week,i) in item.weekdayArr" :key="week"></view>
|
||||||
|
<!--vue3中text嵌套text会出现警告和部分错误信息-->
|
||||||
|
<view class="fui-calendar__date"
|
||||||
|
:class="{'fui-calendar__dh':true,'fui-calendar__diaabled':_isDisAbled(index,idx),'fui-calendar__left-radius':_isRadius(index,idx,true),'fui-calendar__right-radius':_isRadius(index,idx)}"
|
||||||
|
v-for="(sub,idx) in item.daysArr" :key="idx" @tap.stop="dateClick(index,sub)"
|
||||||
|
:style="{background:getBackground(index,idx,values),width:itemWidth}">
|
||||||
|
<text class="fui-calendar__date-val" :style="{color:getColor(index,idx,values)}">{{sub}}</text>
|
||||||
|
<text class="fui-calendar__date-lunar" v-if="showLunar && language!=='en'"
|
||||||
|
:style="{color:getColor(index,idx,values)}">{{getText(index,idx) || descrArr[idx]}}</text>
|
||||||
|
<text class="fui-calendar__date-descr" v-if="!showLunar || language==='en'"
|
||||||
|
:style="{color:getColor(index,idx,values)}">{{getText(index,idx) || descrArr[idx]}}</text>
|
||||||
|
<view class="fui-calendar__badge"
|
||||||
|
:style="{background:badgeColor || dangerColor,right:badgeRight+'rpx',top:badgeTop+'rpx'}"
|
||||||
|
v-if="badgeArr[idx]">
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</swiper-item>
|
||||||
|
</swiper>
|
||||||
|
<view class="fui-calendar__swiper" v-else>
|
||||||
|
<view class="fui-calendar__date-wrap">
|
||||||
|
<view class="fui-calendar__date" :style="{width:itemWidth}" :class="['fui-calendar__dh']"
|
||||||
|
v-for="(week,i) in singleMonth.weekdayArr" :key="week"></view>
|
||||||
|
<!--vue3中text嵌套text会出现警告和部分错误信息-->
|
||||||
|
<view class="fui-calendar__date"
|
||||||
|
:class="{'fui-calendar__dh':true,'fui-calendar__diaabled':_isDisAbled(month-1,idx),'fui-calendar__left-radius':_isRadius(month-1,idx,true),'fui-calendar__right-radius':_isRadius(month-1,idx)}"
|
||||||
|
v-for="(sub,idx) in singleMonth.daysArr" :key="idx" @tap.stop="dateClick(month-1,sub)"
|
||||||
|
:style="{background:getBackground(month-1,idx,values),width:itemWidth}">
|
||||||
|
<text class="fui-calendar__date-val" :style="{color:getColor(month-1,idx,values)}">{{sub}}</text>
|
||||||
|
<text class="fui-calendar__date-lunar" v-if="showLunar && language!=='en'"
|
||||||
|
:style="{color:getColor(month-1,idx,values)}">{{getText(month-1,idx) || descrArr[idx]}}</text>
|
||||||
|
<text class="fui-calendar__date-descr" v-if="!showLunar || language==='en'"
|
||||||
|
:style="{color:getColor(month-1,idx,values)}">{{getText(month-1,idx) || descrArr[idx]}}</text>
|
||||||
|
<view class="fui-calendar__badge"
|
||||||
|
:style="{background:badgeColor || dangerColor,right:badgeRight+'rpx',top:badgeTop+'rpx'}"
|
||||||
|
v-if="badgeArr[idx]">
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="fui-calendar__btn-wrap" v-if="showBtn">
|
||||||
|
<view class="fui-calendar__btn" :class="{'fui-calendar__diaabled':btnDisabled}"
|
||||||
|
:style="{background:btnBackground || primaryColor}">
|
||||||
|
<text class="fui-calendar__btn"
|
||||||
|
:class="{'fui-calendar__btn-text':true,'fui-calendar__btn-active':!btnDisabled}"
|
||||||
|
:style="{color:btnColor}" @tap.stop="handleClick">{{btnText}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import lunar from './index.js';
|
||||||
|
// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
|
||||||
|
export default {
|
||||||
|
name: "fui-calendar",
|
||||||
|
emits: ['change', 'dateChange'],
|
||||||
|
// components: {
|
||||||
|
// fuiIcon
|
||||||
|
// },
|
||||||
|
props: {
|
||||||
|
type: {
|
||||||
|
type: [Number, String],
|
||||||
|
default: 1
|
||||||
|
},
|
||||||
|
value: {
|
||||||
|
type: [Array, String],
|
||||||
|
default () {
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//v2.0.0+ 最多可选天数，type=2 || type=3有效
|
||||||
|
maxDays: {
|
||||||
|
type: [Number, String],
|
||||||
|
default: -1
|
||||||
|
},
|
||||||
|
minDate: {
|
||||||
|
type: String,
|
||||||
|
default: '2010-01-01'
|
||||||
|
},
|
||||||
|
maxDate: {
|
||||||
|
type: String,
|
||||||
|
default: '2030-12-31'
|
||||||
|
},
|
||||||
|
showLunar: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
language: {
|
||||||
|
type: String,
|
||||||
|
default: 'cn'
|
||||||
|
},
|
||||||
|
isMultiple: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
vertical: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
width: {
|
||||||
|
type: [Number, String],
|
||||||
|
default: 0
|
||||||
|
},
|
||||||
|
background: {
|
||||||
|
type: String,
|
||||||
|
default: '#FFFFFF'
|
||||||
|
},
|
||||||
|
name: {
|
||||||
|
type: String,
|
||||||
|
default: 'roundright-fill'
|
||||||
|
},
|
||||||
|
arrowSize: {
|
||||||
|
type: [Number, String],
|
||||||
|
default: 40
|
||||||
|
},
|
||||||
|
arrowColor: {
|
||||||
|
type: String,
|
||||||
|
default: '#7F7F7F'
|
||||||
|
},
|
||||||
|
yearsWidth: {
|
||||||
|
type: [Number, String],
|
||||||
|
default: 200
|
||||||
|
},
|
||||||
|
yearsSize: {
|
||||||
|
type: [Number, String],
|
||||||
|
default: 32
|
||||||
|
},
|
||||||
|
yearsColor: {
|
||||||
|
type: String,
|
||||||
|
default: '#181818'
|
||||||
|
},
|
||||||
|
titleColor: {
|
||||||
|
type: String,
|
||||||
|
default: '#181818'
|
||||||
|
},
|
||||||
|
lineColor: {
|
||||||
|
type: String,
|
||||||
|
default: '#EEEEEE'
|
||||||
|
},
|
||||||
|
color: {
|
||||||
|
type: String,
|
||||||
|
default: '#181818'
|
||||||
|
},
|
||||||
|
activeColor: {
|
||||||
|
type: String,
|
||||||
|
default: '#FFFFFF'
|
||||||
|
},
|
||||||
|
//选中日期背景色
|
||||||
|
activeBackground: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
rangeColor: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
rangeBackground: {
|
||||||
|
type: String,
|
||||||
|
default: '#F1F4FA'
|
||||||
|
},
|
||||||
|
start: {
|
||||||
|
type: String,
|
||||||
|
default: '开始'
|
||||||
|
},
|
||||||
|
end: {
|
||||||
|
type: String,
|
||||||
|
default: '结束'
|
||||||
|
},
|
||||||
|
isToday: {
|
||||||
|
type: Boolean,
|
||||||
|
default: true
|
||||||
|
},
|
||||||
|
disabled: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
showBtn: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false
|
||||||
|
},
|
||||||
|
btnText: {
|
||||||
|
type: String,
|
||||||
|
default: '确定'
|
||||||
|
},
|
||||||
|
btnBackground: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
btnColor: {
|
||||||
|
type: String,
|
||||||
|
default: '#FFFFFF'
|
||||||
|
},
|
||||||
|
//v2.2.0+
|
||||||
|
badgeColor: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
|
},
|
||||||
|
//v2.2.0+
|
||||||
|
badgeTop: {
|
||||||
|
type: [Number, String],
|
||||||
|
default: 16
|
||||||
|
},
|
||||||
|
//v2.2.0+
|
||||||
|
badgeRight: {
|
||||||
|
type: [Number, String],
|
||||||
|
default: 16
|
||||||
|
}
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
lang: [],
|
||||||
|
header: [],
|
||||||
|
monthArr: [],
|
||||||
|
singleMonth: {
|
||||||
|
weekdayArr: [],
|
||||||
|
daysArr: []
|
||||||
|
},
|
||||||
|
descrArr: [],
|
||||||
|
badgeArr: [],
|
||||||
|
dateWidth: '100%',
|
||||||
|
title: '',
|
||||||
|
year: 0,
|
||||||
|
month: 1,
|
||||||
|
today: '',
|
||||||
|
minArr: [],
|
||||||
|
maxArr: [],
|
||||||
|
values: [],
|
||||||
|
defCurrent: 0,
|
||||||
|
btnDisabled: false
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
initChange() {
|
||||||
|
return `${this.type}-${this.minDate}-${this.maxDate}-${this.value}`;
|
||||||
|
},
|
||||||
|
itemWidth() {
|
||||||
|
// #ifdef APP-NVUE
|
||||||
|
return (Number(this.dateWidth.replace('px', '').replace('%', '')) - 1) / 7 + 'px'
|
||||||
|
// #endif
|
||||||
|
|
||||||
|
// #ifndef APP-NVUE
|
||||||
|
return '14.2857%'
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
|
primaryColor() {
|
||||||
|
const app = uni && uni.$fui && uni.$fui.color;
|
||||||
|
return (app && app.primary) || '#465CFF';
|
||||||
|
},
|
||||||
|
dangerColor() {
|
||||||
|
const app = uni && uni.$fui && uni.$fui.color;
|
||||||
|
return (app && app.danger) || '#FF2B2B';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
width(val) {
|
||||||
|
this.getWidth(val)
|
||||||
|
},
|
||||||
|
language(val) {
|
||||||
|
this.setLang(val);
|
||||||
|
},
|
||||||
|
values(vals) {
|
||||||
|
this._btnDisabled(vals);
|
||||||
|
},
|
||||||
|
initChange(vals) {
|
||||||
|
this.init();
|
||||||
|
},
|
||||||
|
isMultiple(val) {
|
||||||
|
if (!val) {
|
||||||
|
this.singleMonth = this.monthArr[this.month - 1]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
title(val) {
|
||||||
|
if (this.year === 0) return;
|
||||||
|
this.descrArr = []
|
||||||
|
this.badgeArr = []
|
||||||
|
this.$emit('dateChange', {
|
||||||
|
year: this.year,
|
||||||
|
month: this.month
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.setLang(this.language);
|
||||||
|
this.getWidth(this.width)
|
||||||
|
this.init();
|
||||||
|
this._btnDisabled(this.values);
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
_btnDisabled(vals) {
|
||||||
|
if (this.type == 3 && vals.length < 2) {
|
||||||
|
this.btnDisabled = true
|
||||||
|
} else {
|
||||||
|
this.btnDisabled = false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
setLang(val) {
|
||||||
|
this.header = lunar.lang[`h_${val}`] || lunar.lang.h_cn
|
||||||
|
this.setTitle()
|
||||||
|
},
|
||||||
|
getWidth(val) {
|
||||||
|
//宽度值不宜太低
|
||||||
|
let dw = Number(val);
|
||||||
|
if (dw && dw >= 600) {
|
||||||
|
dw = uni.upx2px(dw)
|
||||||
|
} else {
|
||||||
|
let sys = uni.getSystemInfoSync()
|
||||||
|
dw = sys.windowWidth
|
||||||
|
}
|
||||||
|
// #ifndef APP-NVUE
|
||||||
|
this.dateWidth = val ? dw + 'px' : '100%';
|
||||||
|
// #endif
|
||||||
|
// #ifdef APP-NVUE
|
||||||
|
this.dateWidth = dw + 'px';
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
|
swiperChange(e) {
|
||||||
|
let current = e.detail.current
|
||||||
|
const month = current + 1
|
||||||
|
this.month = month
|
||||||
|
this.title = this.language === 'en' ? `${lunar.lang.m_en[month-1]} ${this.year}` :
|
||||||
|
`${this.year}年${month}月`;
|
||||||
|
},
|
||||||
|
getLunar(month, day) {
|
||||||
|
let obj = lunar.solarTolunar(this.year, month, day);
|
||||||
|
return obj.IDayCn;
|
||||||
|
},
|
||||||
|
initDate(date) {
|
||||||
|
if (!date || date === true || date === 'true') return '';
|
||||||
|
let fdate = date.replace(/\-/g, '/').split('/');
|
||||||
|
return [Number(fdate[0] || -1), Number(fdate[1] || -1), Number(fdate[2] || -1)]
|
||||||
|
},
|
||||||
|
formatNum(num) {
|
||||||
|
num = Number(num)
|
||||||
|
return num < 10 ? '0' + Math.abs(num) : num + '';
|
||||||
|
},
|
||||||
|
compareDate(arr) {
|
||||||
|
if (!arr && arr.length === 0) return -1;
|
||||||
|
let timestamp = []
|
||||||
|
let indexs = {}
|
||||||
|
arr.forEach((item, index) => {
|
||||||
|
let d = item.replace(/\-/g, '/');
|
||||||
|
d = `${d} 00:00:00`
|
||||||
|
let stamp = new Date(d).getTime()
|
||||||
|
timestamp.push(stamp)
|
||||||
|
indexs[stamp.toString()] = index
|
||||||
|
})
|
||||||
|
let newArr = []
|
||||||
|
while (timestamp.length > 0) {
|
||||||
|
let min = Math.min(...timestamp)
|
||||||
|
let index = indexs[min.toString()]
|
||||||
|
newArr.push(arr[index])
|
||||||
|
timestamp.splice(timestamp.indexOf(min), 1)
|
||||||
|
}
|
||||||
|
return newArr;
|
||||||
|
},
|
||||||
|
toArray(start, end) {
|
||||||
|
return Array.from(new Array(end + 1).keys()).slice(start);
|
||||||
|
},
|
||||||
|
getMonthDay(year, month) {
|
||||||
|
let days = new Date(year, month, 0).getDate();
|
||||||
|
return days;
|
||||||
|
},
|
||||||
|
getWeekday(year, month) {
|
||||||
|
let date = new Date(`${year}/${month}/01 00:00:00`);
|
||||||
|
return date.getDay();
|
||||||
|
},
|
||||||
|
_isSection(date, start, end) {
|
||||||
|
let ts = new Date(date.replace(/\-/g, '/')).getTime();
|
||||||
|
let s = new Date(start.replace(/\-/g, '/')).getTime();
|
||||||
|
let e = new Date(end.replace(/\-/g, '/')).getTime();
|
||||||
|
return ts > s && ts < e;
|
||||||
|
},
|
||||||
|
getColor(index, idx, values) {
|
||||||
|
let color = this.color;
|
||||||
|
if (!values || values.length === 0) return color;
|
||||||
|
let month = this.formatNum(index + 1);
|
||||||
|
let day = this.formatNum(idx + 1);
|
||||||
|
let date = `${this.year}-${month}-${day}`
|
||||||
|
let type = this.type;
|
||||||
|
if (type == 3) {
|
||||||
|
if (~values.indexOf(date)) {
|
||||||
|
color = this.activeColor
|
||||||
|
} else if (values[1] && this._isSection(date, values[0], values[1])) {
|
||||||
|
color = this.rangeColor || this.primaryColor
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (~values.indexOf(date)) {
|
||||||
|
color = this.activeColor
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return color
|
||||||
|
},
|
||||||
|
getBackground(index, idx, values) {
|
||||||
|
let background = 'transparent';
|
||||||
|
if (!values || values.length === 0) return background;
|
||||||
|
let month = this.formatNum(index + 1);
|
||||||
|
let day = this.formatNum(idx + 1);
|
||||||
|
let date = `${this.year}-${month}-${day}`
|
||||||
|
let type = this.type;
|
||||||
|
if (type == 3) {
|
||||||
|
if (~values.indexOf(date)) {
|
||||||
|
background = this.activeBackground || this.primaryColor
|
||||||
|
} else if (values[1] && this._isSection(date, values[0], values[1])) {
|
||||||
|
background = this.rangeBackground
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (~values.indexOf(date)) {
|
||||||
|
background = this.activeBackground || this.primaryColor
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return background
|
||||||
|
},
|
||||||
|
getText(index, idx) {
|
||||||
|
let month = index + 1
|
||||||
|
let day = idx + 1
|
||||||
|
let text = '';
|
||||||
|
let date = `${this.year}-${this.formatNum(month)}-${this.formatNum(day)}`;
|
||||||
|
if (this.type == 3) {
|
||||||
|
let values = this.values
|
||||||
|
if (values.length > 0) {
|
||||||
|
if (values[0] == date && values[0] != values[1]) {
|
||||||
|
let st = this.start;
|
||||||
|
text = st && st !== 'true' && st !== true ? st : '';
|
||||||
|
|
||||||
|
} else if (values[1] == date) {
|
||||||
|
let et = this.end;
|
||||||
|
text = et && et !== 'true' && et !== true ? et : '';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (!text && !this.descrArr[idx]) {
|
||||||
|
text = this.showLunar ? this.getLunar(month, day) : ''
|
||||||
|
if (this.isToday) {
|
||||||
|
//今天 简繁同体
|
||||||
|
let td = this.language === 'en' ? 'Today' : '今天'
|
||||||
|
text = this.today === date ? td : text
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return text;
|
||||||
|
},
|
||||||
|
_isRadius(index, idx, start) {
|
||||||
|
let radius = this.type != 3 ? true : false;
|
||||||
|
if (this.type == 3 && this.values && this.values.length > 0) {
|
||||||
|
let month = index + 1
|
||||||
|
let day = idx + 1
|
||||||
|
let date = `${this.year}-${this.formatNum(month)}-${this.formatNum(day)}`;
|
||||||
|
if (start) {
|
||||||
|
radius = date === this.values[0]
|
||||||
|
} else {
|
||||||
|
radius = date === this.values[1]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return radius;
|
||||||
|
},
|
||||||
|
getMonthsArr(year) {
|
||||||
|
let monthArr = []
|
||||||
|
for (let i = 0; i < 12; i++) {
|
||||||
|
let month = i + 1;
|
||||||
|
let daysArr = this.toArray(1, this.getMonthDay(year, month));
|
||||||
|
let weekdayArr = this.toArray(1, this.getWeekday(year, month));
|
||||||
|
weekdayArr = weekdayArr.map(item => {
|
||||||
|
return `week_${i}_${item}`
|
||||||
|
})
|
||||||
|
monthArr.push({
|
||||||
|
key: `m_${month}`,
|
||||||
|
weekdayArr,
|
||||||
|
daysArr
|
||||||
|
})
|
||||||
|
}
|
||||||
|
return monthArr
|
||||||
|
},
|
||||||
|
_isDisAbled(index, idx) {
|
||||||
|
let bool = false;
|
||||||
|
let date = `${this.year}/${index+1}/${idx+1}`;
|
||||||
|
let min = this.minArr.join('/')
|
||||||
|
let max = this.maxArr.join('/')
|
||||||
|
let ts = new Date(date).getTime();
|
||||||
|
if (ts < new Date(min).getTime() || ts > new Date(max).getTime()) {
|
||||||
|
bool = true;
|
||||||
|
}
|
||||||
|
return bool;
|
||||||
|
},
|
||||||
|
setTitle() {
|
||||||
|
if (this.year === 0) return;
|
||||||
|
this.title = this.language === 'en' ? `${lunar.lang.m_en[this.month-1]} ${this.year}` :
|
||||||
|
`${this.year}年${this.month}月`
|
||||||
|
},
|
||||||
|
init() {
|
||||||
|
const now = new Date();
|
||||||
|
let year = now.getFullYear();
|
||||||
|
let month = now.getMonth() + 1;
|
||||||
|
let day = now.getDate();
|
||||||
|
this.minArr = this.initDate(this.minDate) || [2010, 1, 1];
|
||||||
|
this.maxArr = this.initDate(this.maxDate) || [2030, 12, 31];
|
||||||
|
this.today = `${year}-${this.formatNum(month)}-${this.formatNum(day)}`
|
||||||
|
let value = this.value;
|
||||||
|
let def = [-1]
|
||||||
|
if (value && value.length > 0) {
|
||||||
|
if (typeof value === 'string') {
|
||||||
|
def = this.initDate(value) || [-1, -1, -1]
|
||||||
|
value = [value]
|
||||||
|
} else {
|
||||||
|
const len = value.length
|
||||||
|
if (len > 1) {
|
||||||
|
value = this.compareDate(value)
|
||||||
|
}
|
||||||
|
if (this.type == 3 && value.length > 2) {
|
||||||
|
value = [value[0], value[1]]
|
||||||
|
}
|
||||||
|
def = this.initDate(value[len - 1]) || [-1, -1, -1]
|
||||||
|
if (def[0] !== -1) {
|
||||||
|
year = def[0]
|
||||||
|
month = def[1]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
value = value.map(item => {
|
||||||
|
let arr = this.initDate(item)
|
||||||
|
return `${arr[0]}-${this.formatNum(arr[1])}-${this.formatNum(arr[2])}`
|
||||||
|
})
|
||||||
|
this.values = value;
|
||||||
|
} else {
|
||||||
|
this.year = year;
|
||||||
|
if (this._isDisAbled(month - 1, day - 1)) {
|
||||||
|
year = this.maxArr[0]
|
||||||
|
month = this.maxArr[1]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.year = year;
|
||||||
|
this.month = month;
|
||||||
|
this.setTitle()
|
||||||
|
this.monthArr = this.getMonthsArr(year)
|
||||||
|
if (!this.isMultiple) {
|
||||||
|
this.singleMonth = this.monthArr[month - 1]
|
||||||
|
} else {
|
||||||
|
this.$nextTick(() => {
|
||||||
|
setTimeout(() => {
|
||||||
|
this.defCurrent = month - 1;
|
||||||
|
}, 20)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
checkYear(year) {
|
||||||
|
if (year < this.minArr[0] || year > this.maxArr[0]) {
|
||||||
|
uni.showToast({
|
||||||
|
title: '日期已超出可切换范围！',
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
return true;
|
||||||
|
},
|
||||||
|
changeMonth(num) {
|
||||||
|
let month = num + this.month;
|
||||||
|
let year = 0;
|
||||||
|
if (num > 0) {
|
||||||
|
year = month > 12 ? this.year + 1 : this.year;
|
||||||
|
month = month > 12 ? 1 : month;
|
||||||
|
} else {
|
||||||
|
year = month < 1 ? this.year - 1 : this.year;
|
||||||
|
month = month < 1 ? 12 : month;
|
||||||
|
}
|
||||||
|
if (this.checkYear(year)) {
|
||||||
|
this.month = month;
|
||||||
|
this.year = year;
|
||||||
|
this.setTitle();
|
||||||
|
this.monthArr = this.getMonthsArr(year)
|
||||||
|
this.singleMonth = this.monthArr[this.month - 1]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
changeYear(num) {
|
||||||
|
let year = num + this.year;
|
||||||
|
if (this.checkYear(year)) {
|
||||||
|
this.year = year;
|
||||||
|
if (this.isMultiple) {
|
||||||
|
this.month = 1;
|
||||||
|
this.defCurrent = 0;
|
||||||
|
}
|
||||||
|
this.setTitle();
|
||||||
|
this.monthArr = this.getMonthsArr(year)
|
||||||
|
if (!this.isMultiple) {
|
||||||
|
this.singleMonth = this.monthArr[this.month - 1]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
getWeekText(date) {
|
||||||
|
date = new Date(`${date.replace(/\-/g, '/')} 00:00:00`);
|
||||||
|
let week = date.getDay();
|
||||||
|
//英文
|
||||||
|
let weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
|
||||||
|
if (this.language === 'en') {
|
||||||
|
weeks = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
|
||||||
|
}
|
||||||
|
return weeks[week];
|
||||||
|
},
|
||||||
|
dateClick(index, day) {
|
||||||
|
if (this.disabled) return;
|
||||||
|
if (!this._isDisAbled(index, day - 1)) {
|
||||||
|
let month = this.formatNum(index + 1);
|
||||||
|
let date = `${this.year}-${month}-${this.formatNum(day)}`;
|
||||||
|
let type = this.type;
|
||||||
|
let values = [...this.values]
|
||||||
|
if (type == 3) {
|
||||||
|
let start = values[0]
|
||||||
|
let sts = -1;
|
||||||
|
if (start) {
|
||||||
|
sts = new Date(start.replace(/\-/g, '/')).getTime()
|
||||||
|
}
|
||||||
|
let ets = new Date(date.replace(/\-/g, '/')).getTime()
|
||||||
|
if (start && values.length === 1 && sts <= ets) {
|
||||||
|
const dateMax = `${date} 23:59:59`
|
||||||
|
const etsMill = new Date(dateMax.replace(/\-/g, '/')).getTime()
|
||||||
|
const diff = etsMill - sts
|
||||||
|
const diffDays = Math.ceil(diff / 1000 / 60 / 60 / 24)
|
||||||
|
const maxDays = Number(this.maxDays)
|
||||||
|
if ((maxDays && maxDays > 0 && diffDays > maxDays) || maxDays === 0) {
|
||||||
|
uni.showToast({
|
||||||
|
title: `最多可选${maxDays}天，当前已超出可选范围`,
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
values.push(date)
|
||||||
|
} else {
|
||||||
|
values = [date]
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
let idx = values.indexOf(date)
|
||||||
|
if (idx != -1) {
|
||||||
|
values.splice(idx, 1)
|
||||||
|
} else {
|
||||||
|
const maxDays = Number(this.maxDays)
|
||||||
|
if ((maxDays && maxDays > 0 && values.length >= maxDays) || maxDays === 0) {
|
||||||
|
uni.showToast({
|
||||||
|
title: `最多可选${maxDays}天`,
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (type == 2) {
|
||||||
|
values.push(date)
|
||||||
|
} else {
|
||||||
|
values = [date]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.values = values
|
||||||
|
setTimeout(() => {
|
||||||
|
if (!this.showBtn) {
|
||||||
|
this._change()
|
||||||
|
}
|
||||||
|
}, 0)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
_change() {
|
||||||
|
let values = this.values
|
||||||
|
let type = this.type;
|
||||||
|
if (type == 3 && values.length < 2) return;
|
||||||
|
let value = '';
|
||||||
|
let week = '';
|
||||||
|
let lunarArr = {};
|
||||||
|
if (type == 1) {
|
||||||
|
value = values[0] || ''
|
||||||
|
if (value) {
|
||||||
|
week = this.getWeekText(value)
|
||||||
|
if (this.showLunar && this.language !== 'en') {
|
||||||
|
let d = this.initDate(value)
|
||||||
|
lunarArr = lunar.solarTolunar(d[0], d[1], d[2]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
value = values
|
||||||
|
week = [];
|
||||||
|
lunarArr = []
|
||||||
|
value.forEach(item => {
|
||||||
|
week.push(this.getWeekText(item))
|
||||||
|
if (this.showLunar && this.language !== 'en') {
|
||||||
|
let d = this.initDate(item)
|
||||||
|
lunarArr.push(lunar.solarTolunar(d[0], d[1], d[2]))
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
this.$emit('change', {
|
||||||
|
value: value,
|
||||||
|
week: week,
|
||||||
|
today: this.today,
|
||||||
|
lunar: lunarArr
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleClick() {
|
||||||
|
if (this.btnDisabled) return;
|
||||||
|
this._change()
|
||||||
|
},
|
||||||
|
// 传入一个返回Promise的函数，设置当前日历数据描述
|
||||||
|
//返回当前日历数据
|
||||||
|
setDescr(callback) {
|
||||||
|
const item = this.monthArr[this.month - 1]
|
||||||
|
if (item && callback && typeof callback === 'function') {
|
||||||
|
callback(this.year, this.month, item.daysArr).then(res => {
|
||||||
|
this.descrArr = res
|
||||||
|
}).catch(err => {
|
||||||
|
this.descrArr = []
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 传入一个返回Promise的函数，设置当前日历数据角标
|
||||||
|
//返回当前日历数据
|
||||||
|
setBadge(callback) {
|
||||||
|
const item = this.monthArr[this.month - 1]
|
||||||
|
if (item && callback && typeof callback === 'function') {
|
||||||
|
callback(this.year, this.month, item.daysArr).then(res => {
|
||||||
|
this.badgeArr = res
|
||||||
|
}).catch(err => {
|
||||||
|
this.badgeArr = []
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.fui-calendar__header {
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
/* #endif */
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 20rpx 0 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__title {
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
display: block;
|
||||||
|
white-space: nowrap;
|
||||||
|
/* #endif */
|
||||||
|
font-weight: normal;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__icon-left {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__pl {
|
||||||
|
padding-left: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__pl:active {
|
||||||
|
opacity: .5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__date-header {
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
border-bottom-width: 0;
|
||||||
|
/* #endif */
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 12rpx 0;
|
||||||
|
/* #ifdef APP-NVUE */
|
||||||
|
border-bottom-width: 0.5px;
|
||||||
|
border-bottom-style: solid;
|
||||||
|
/* #endif */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
.fui-calendar__border {
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
height: 1px;
|
||||||
|
-webkit-transform: scaleY(0.5);
|
||||||
|
transform: scaleY(0.5);
|
||||||
|
transform-origin: 0 100%;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #endif */
|
||||||
|
|
||||||
|
.fui-calendar__date-wrap {
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
/* #endif */
|
||||||
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
padding: 12rpx 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__date {
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
display: flex;
|
||||||
|
width: 14.2857%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
overflow: hidden;
|
||||||
|
/* #endif */
|
||||||
|
text-align: center;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__dh {
|
||||||
|
height: 104rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__left-radius {
|
||||||
|
border-top-left-radius: 8rpx;
|
||||||
|
border-bottom-left-radius: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__right-radius {
|
||||||
|
border-top-right-radius: 8rpx;
|
||||||
|
border-bottom-right-radius: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__date-val {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__date-lunar {
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
display: block;
|
||||||
|
/* #endif */
|
||||||
|
font-size: 24rpx;
|
||||||
|
font-weight: normal;
|
||||||
|
transform: scale(0.8);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__date-descr {
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
width: 100%;
|
||||||
|
display: block;
|
||||||
|
/* #endif */
|
||||||
|
font-size: 24rpx;
|
||||||
|
line-height: 24rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
transform: scale(0.8);
|
||||||
|
text-align: center;
|
||||||
|
bottom: 8rpx;
|
||||||
|
z-index: 2;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__swiper {
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
width: 100%;
|
||||||
|
/* #endif */
|
||||||
|
height: 648rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__diaabled {
|
||||||
|
opacity: 0.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__btn-wrap {
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
box-sizing: border-box;
|
||||||
|
/* #endif */
|
||||||
|
flex: 1;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__btn {
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
/* #endif */
|
||||||
|
flex: 1;
|
||||||
|
flex-direction: row;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 88rpx;
|
||||||
|
border-radius: 44rpx;
|
||||||
|
/* #ifdef H5 */
|
||||||
|
cursor: pointer;
|
||||||
|
/* #endif */
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: normal;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #ifdef APP-NVUE */
|
||||||
|
.fui-calendar__btn-text {
|
||||||
|
line-height: 88rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #endif */
|
||||||
|
.fui-calendar__btn-active:active {
|
||||||
|
background: rgba(0, 0, 0, .2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.fui-calendar__badge {
|
||||||
|
position: absolute;
|
||||||
|
height: 8px;
|
||||||
|
width: 8px;
|
||||||
|
/* #ifdef APP-NVUE */
|
||||||
|
border-radius: 100px;
|
||||||
|
/* #endif */
|
||||||
|
/* #ifndef APP-NVUE */
|
||||||
|
border-radius: 50%;
|
||||||
|
z-index: 3;
|
||||||
|
/* #endif */
|
||||||
|
}
|
||||||
|
</style>
|
||||||
580
pages/component/form/fui-calendar/index.js
Normal file
580
pages/component/form/fui-calendar/index.js
Normal file
@ -0,0 +1,580 @@
|
|||||||
|
// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（会员ID： 2 0 49，营业执照号： 9165 01 0 4MA 7 95 A 07X 5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
|
||||||
|
/**
|
||||||
|
* @1900-2100区间内的公历、农历互转
|
||||||
|
* @公历转农历：solar2lunar(1987,11,01);
|
||||||
|
* @农历转公历：lunar2solar(1987,09,10);
|
||||||
|
*/
|
||||||
|
let 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, 0x055c0, 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
|
||||||
|
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:let count = calendar.lYearDays(1987) ;//count=387
|
||||||
|
*/
|
||||||
|
lYearDays: function(y) {
|
||||||
|
let i, sum = 348;
|
||||||
|
for (i = 0x8000; i > 0x8; i >>= 1) {
|
||||||
|
sum += (calendar.lunarInfo[y - 1900] & i) ? 1 : 0;
|
||||||
|
}
|
||||||
|
return (sum + calendar.leapDays(y));
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 返回农历y年闰月是哪个月；若y年没有闰月 则返回0
|
||||||
|
* @param lunar Year
|
||||||
|
* @return Number (0-12)
|
||||||
|
* @eg:let leapMonth = calendar.leapMonth(1987) ;//leapMonth=6
|
||||||
|
*/
|
||||||
|
leapMonth: function(y) { //闰字编码 \u95f0
|
||||||
|
return (calendar.lunarInfo[y - 1900] & 0xf);
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 返回农历y年闰月的天数 若该年没有闰月则返回0
|
||||||
|
* @param lunar Year
|
||||||
|
* @return Number (0、29、30)
|
||||||
|
* @eg:let leapMonthDay = calendar.leapDays(1987) ;//leapMonthDay=29
|
||||||
|
*/
|
||||||
|
leapDays: function(y) {
|
||||||
|
if (calendar.leapMonth(y)) {
|
||||||
|
return ((calendar.lunarInfo[y - 1900] & 0x10000) ? 30 : 29);
|
||||||
|
}
|
||||||
|
return (0);
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 返回农历y年m月（非闰月）的总天数，计算m为闰月时的天数请使用leapDays方法
|
||||||
|
* @param lunar Year
|
||||||
|
* @return Number (-1、29、30)
|
||||||
|
* @eg:let MonthDay = calendar.monthDays(1987,9) ;//MonthDay=29
|
||||||
|
*/
|
||||||
|
monthDays: function(y, m) {
|
||||||
|
if (m > 12 || m < 1) {
|
||||||
|
return -1
|
||||||
|
} //月份参数从1至12，参数错误返回-1
|
||||||
|
return ((calendar.lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29);
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 返回公历(!)y年m月的天数
|
||||||
|
* @param solar Year
|
||||||
|
* @return Number (-1、28、29、30、31)
|
||||||
|
* @eg:let solarMonthDay = calendar.leapDays(1987) ;//solarMonthDay=30
|
||||||
|
*/
|
||||||
|
solarDays: function(y, m) {
|
||||||
|
if (m > 12 || m < 1) {
|
||||||
|
return -1
|
||||||
|
} //若参数错误 返回-1
|
||||||
|
let ms = m - 1;
|
||||||
|
if (ms == 1) { //2月份的闰平规律测算后确认返回28或29
|
||||||
|
return (((y % 4 == 0) && (y % 100 != 0) || (y % 400 == 0)) ? 29 : 28);
|
||||||
|
} else {
|
||||||
|
return (calendar.solarMonth[ms]);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 农历年份转换为干支纪年
|
||||||
|
* @param lYear 农历年的年份数
|
||||||
|
* @return Cn string
|
||||||
|
*/
|
||||||
|
toGanZhiYear: function(lYear) {
|
||||||
|
let ganKey = (lYear - 3) % 10;
|
||||||
|
let zhiKey = (lYear - 3) % 12;
|
||||||
|
if (ganKey == 0) ganKey = 10; //如果余数为0则为最后一个天干
|
||||||
|
if (zhiKey == 0) zhiKey = 12; //如果余数为0则为最后一个地支
|
||||||
|
return calendar.Gan[ganKey - 1] + calendar.Zhi[zhiKey - 1];
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 公历月、日判断所属星座
|
||||||
|
* @param cMonth [description]
|
||||||
|
* @param cDay [description]
|
||||||
|
* @return Cn string
|
||||||
|
*/
|
||||||
|
toAstro: function(cMonth, cDay) {
|
||||||
|
let 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";
|
||||||
|
let 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 calendar.Gan[offset % 10] + calendar.Zhi[offset % 12];
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 传入公历(!)y年获得该年第n个节气的公历日期
|
||||||
|
* @param y公历年(1900-2100)；n二十四节气中的第几个节气(1~24)；从n=1(小寒)算起
|
||||||
|
* @return day Number
|
||||||
|
* @eg:let _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;
|
||||||
|
}
|
||||||
|
let _table = calendar.sTermInfo[y - 1900];
|
||||||
|
let _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()
|
||||||
|
];
|
||||||
|
let _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:let cnMonth = calendar.toChinaMonth(12) ;//cnMonth='腊月'
|
||||||
|
*/
|
||||||
|
toChinaMonth: function(m) { // 月 => \u6708
|
||||||
|
if (m > 12 || m < 1) {
|
||||||
|
return -1
|
||||||
|
} //若参数错误 返回-1
|
||||||
|
let s = calendar.nStr3[m - 1];
|
||||||
|
s += "\u6708"; //加上月字
|
||||||
|
return s;
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 传入农历日期数字返回汉字表示法
|
||||||
|
* @param lunar day
|
||||||
|
* @return Cn string
|
||||||
|
* @eg:let cnDay = calendar.toChinaDay(21) ;//cnMonth='廿一'
|
||||||
|
*/
|
||||||
|
toChinaDay: function(d) { //日 => \u65e5
|
||||||
|
let 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 = calendar.nStr2[Math.floor(d / 10)];
|
||||||
|
s += calendar.nStr1[d % 10];
|
||||||
|
}
|
||||||
|
return (s);
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 年份转生肖[!仅能大致转换] => 精确划分生肖分界线是“立春”
|
||||||
|
* @param y year
|
||||||
|
* @return Cn string
|
||||||
|
* @eg:let animal = calendar.getAnimal(1987) ;//animal='兔'
|
||||||
|
*/
|
||||||
|
getAnimal: function(y) {
|
||||||
|
return calendar.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;
|
||||||
|
} //年份限定、上限
|
||||||
|
if (y == 1900 && m == 1 && d < 31) {
|
||||||
|
return -1;
|
||||||
|
} //下限
|
||||||
|
let objDate;
|
||||||
|
if (!y) { //未传参 获得当天
|
||||||
|
objDate = new Date();
|
||||||
|
} else {
|
||||||
|
objDate = new Date(y, parseInt(m) - 1, d)
|
||||||
|
}
|
||||||
|
let i, leap = 0,
|
||||||
|
temp = 0;
|
||||||
|
//修正ymd参数
|
||||||
|
y = objDate.getFullYear();
|
||||||
|
m = objDate.getMonth() + 1;
|
||||||
|
d = objDate.getDate();
|
||||||
|
let offset = (Date.UTC(objDate.getFullYear(), objDate.getMonth(), objDate.getDate()) - Date.UTC(1900, 0,
|
||||||
|
31)) /
|
||||||
|
86400000;
|
||||||
|
for (i = 1900; i < 2101 && offset > 0; i++) {
|
||||||
|
temp = calendar.lYearDays(i);
|
||||||
|
offset -= temp;
|
||||||
|
}
|
||||||
|
if (offset < 0) {
|
||||||
|
offset += temp;
|
||||||
|
i--;
|
||||||
|
}
|
||||||
|
//是否今天
|
||||||
|
let isTodayObj = new Date(),
|
||||||
|
isToday = false;
|
||||||
|
if (isTodayObj.getFullYear() == y && isTodayObj.getMonth() + 1 == m && isTodayObj.getDate() == d) {
|
||||||
|
isToday = true;
|
||||||
|
}
|
||||||
|
//星期几
|
||||||
|
let nWeek = objDate.getDay(),
|
||||||
|
cWeek = calendar.nStr1[nWeek];
|
||||||
|
if (nWeek == 0) {
|
||||||
|
nWeek = 7;
|
||||||
|
} //数字表示周几顺应天朝周一开始的惯例
|
||||||
|
//农历年
|
||||||
|
let year = i;
|
||||||
|
leap = calendar.leapMonth(i); //闰哪个月
|
||||||
|
let isLeap = false;
|
||||||
|
//效验闰月
|
||||||
|
for (i = 1; i < 13 && offset > 0; i++) {
|
||||||
|
//闰月
|
||||||
|
if (leap > 0 && i == (leap + 1) && isLeap == false) {
|
||||||
|
--i;
|
||||||
|
isLeap = true;
|
||||||
|
temp = calendar.leapDays(year); //计算农历闰月天数
|
||||||
|
} else {
|
||||||
|
temp = calendar.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;
|
||||||
|
}
|
||||||
|
//农历月
|
||||||
|
let month = i;
|
||||||
|
//农历日
|
||||||
|
let day = offset + 1;
|
||||||
|
//天干地支处理
|
||||||
|
let sm = m - 1;
|
||||||
|
let gzY = calendar.toGanZhiYear(year);
|
||||||
|
//月柱 1900年1月小寒以前为 丙子月(60进制12)
|
||||||
|
let firstNode = calendar.getTerm(year, (m * 2 - 1)); //返回当月「节」为几日开始
|
||||||
|
let secondNode = calendar.getTerm(year, (m * 2)); //返回当月「节」为几日开始
|
||||||
|
//依据12节气修正干支月
|
||||||
|
let gzM = calendar.toGanZhi((y - 1900) * 12 + m + 11);
|
||||||
|
if (d >= firstNode) {
|
||||||
|
gzM = calendar.toGanZhi((y - 1900) * 12 + m + 12);
|
||||||
|
}
|
||||||
|
//传入的日期的节气与否
|
||||||
|
let isTerm = false;
|
||||||
|
let Term = null;
|
||||||
|
if (firstNode == d) {
|
||||||
|
isTerm = true;
|
||||||
|
Term = calendar.solarTerm[m * 2 - 2];
|
||||||
|
}
|
||||||
|
if (secondNode == d) {
|
||||||
|
isTerm = true;
|
||||||
|
Term = calendar.solarTerm[m * 2 - 1];
|
||||||
|
}
|
||||||
|
//日柱 当月一日与 1900/1/1 相差天数
|
||||||
|
let dayCyclical = Date.UTC(y, sm, 1, 0, 0, 0, 0) / 86400000 + 25567 + 10;
|
||||||
|
let gzD = calendar.toGanZhi(dayCyclical + d - 1);
|
||||||
|
//该日期所属的星座
|
||||||
|
let astro = calendar.toAstro(m, d);
|
||||||
|
return {
|
||||||
|
'lYear': year,
|
||||||
|
'lMonth': month,
|
||||||
|
'lDay': day,
|
||||||
|
'Animal': calendar.getAnimal(year),
|
||||||
|
'IMonthCn': (isLeap ? "\u95f0" : '') + calendar.toChinaMonth(month),
|
||||||
|
'IDayCn': calendar.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
|
||||||
|
isLeapMonth = !!isLeapMonth;
|
||||||
|
let leapOffset = 0;
|
||||||
|
let leapMonth = calendar.leapMonth(y);
|
||||||
|
let leapDay = calendar.leapDays(y);
|
||||||
|
if (isLeapMonth && (leapMonth != m)) {
|
||||||
|
return -1;
|
||||||
|
} //传参要求计算该闰月公历 但该年得出的闰月与传参的月份并不同
|
||||||
|
if (y == 2100 && m == 12 && d > 1 || y == 1900 && m == 1 && d < 31) {
|
||||||
|
return -1;
|
||||||
|
} //超出了最大极限值
|
||||||
|
let day = calendar.monthDays(y, m);
|
||||||
|
let _day = day;
|
||||||
|
//bugFix 2016-9-25
|
||||||
|
//if month is leap, _day use leapDays method
|
||||||
|
if (isLeapMonth) {
|
||||||
|
_day = calendar.leapDays(y, m);
|
||||||
|
}
|
||||||
|
if (y < 1900 || y > 2100 || d > _day) {
|
||||||
|
return -1;
|
||||||
|
} //参数合法性效验
|
||||||
|
//计算农历的时间差
|
||||||
|
let offset = 0;
|
||||||
|
for (let i = 1900; i < y; i++) {
|
||||||
|
offset += calendar.lYearDays(i);
|
||||||
|
}
|
||||||
|
let leap = 0,
|
||||||
|
isAdd = false;
|
||||||
|
for (let i = 1; i < m; i++) {
|
||||||
|
leap = calendar.leapMonth(y);
|
||||||
|
if (!isAdd) { //处理闰月
|
||||||
|
if (leap <= i && leap > 0) {
|
||||||
|
offset += calendar.leapDays(y);
|
||||||
|
isAdd = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
offset += calendar.monthDays(y, i);
|
||||||
|
}
|
||||||
|
//转换闰月农历 需补充该年闰月的前一个月的时差
|
||||||
|
if (isLeapMonth) {
|
||||||
|
offset += day;
|
||||||
|
}
|
||||||
|
//1900年农历正月一日的公历时间为1900年1月30日0时0分0秒(该时间也是本农历的最开始起始点)
|
||||||
|
let stmap = Date.UTC(1900, 1, 30, 0, 0, 0);
|
||||||
|
let calObj = new Date((offset + d - 31) * 86400000 + stmap);
|
||||||
|
let cY = calObj.getUTCFullYear();
|
||||||
|
let cM = calObj.getUTCMonth() + 1;
|
||||||
|
let cD = calObj.getUTCDate();
|
||||||
|
return calendar.solar2lunar(cY, cM, cD);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const lang = {
|
||||||
|
m_cn: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
|
||||||
|
m_en: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
||||||
|
h_cn: ['日', '一', '二', '三', '四', '五', '六'],
|
||||||
|
h_en: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
|
||||||
|
}
|
||||||
|
|
||||||
|
export default {
|
||||||
|
solarTolunar: calendar.solar2lunar,
|
||||||
|
lunarTosolar: calendar.lunar2solar,
|
||||||
|
lang: lang
|
||||||
|
};
|
||||||
Reference in New Issue
Block a user