}
},500)
},
move_change(_index){
this.transition = false
this.calendarMove.x = 0
},
move_init(mode){
this.is_week = !mode
if(mode){
var self = this
self.calendarHeight = -100
this.calendarMove.y = 0
// console.log(self.calendarHeight)
//日历高度设置为最大高度
setTimeout(function(){
self.calendarHeight = self.$refs.calendar.offsetHeight
},300);
}else{
// 恢复高度
this.calendarHeight = 40
this.calendarMove.y = -(40*this.line_num)
setTimeout(()=>{
this.$parent.get3week();
},150)
this.calendarMove.y = 0
}
},
calc_line_num(day){
//计算今天在第几行
var year = day.getFullYear()
var month = day.getMonth()
var dt_first = new Date(year,month,1) //每个月第一天
var space = (dt_first.getDay() - 1 + 7) % 7 //月历前面空格
//console.log(space + day.getDate())
return parseInt((space + day.getDate() - 1) / 7)
}
}
}
</script>
<style scoped>
body, html, h4, ul, ol, li, a, div, input, p, textarea, button {
padding: 0;
margin: 0;
list-style: none;
font-style: normal;
text-decoration: none;
border: none;
font-family: "Microsoft Yahei", sans-serif;
outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.calendarBox{
height: calc( 100% - 30px );
background: #4188d8;
}
.transition{
transition: all .2s ease ;
}
</style>
3.calendar.js
/**
* Created by Administrator on 2018/1/19.
*/
/**
* @1900-2100区间内的公历、农历互转
* @charset UTF-8
* @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
* @Version 1.0.2
* @公历转农历：calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0] * @农历转公历：calendar.lunar2solar(1987,09,10); //[you can ignore params of prefix 0] */
const 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
