var util = require('../../utils/util.js')
var d = require('date.js')
var CN_Date = require('getCNDate.js');
var app = getApp()
var t = new Date();
Page({
data:{
monthNum:t.getMonth() + 1,
yearNum:t.getFullYear(),
MonthDayArray:[],
toDate:t.getDate(),
toMonth:t.getMonth() + 1,
toYear:t.getFullYear(),
fromToday:'今天',
nongliDetail:CN_Date(t.getFullYear(), t.getMonth() + 1, t.getDate()),
},
onShow:function(){
console.log('onShow');
this.calcMonthDayArray();
},
dateClick:function(e){
var eId = e.currentTarget.id;
var MonArray = this.data.MonthDayArray;
var data = this.data;
if(eId == "")return;
//点击效果 ,且只能选中一个日期
//FIX 这个遍历算法可以改进
for(var i = 0;i < MonArray.length;i++){
for(var j = 0;j < MonArray[i].length;j++){
if(typeof(MonArray[i][j]) == 'string'){
continue;
}
if(MonArray[i][j].num == eId){
MonArray[i][j].isShowDayInfo = !MonArray[i][j].isShowDayInfo;
}
}
}
for(var i = 0;i < MonArray.length;i++){
for(var j = 0;j < MonArray[i].length;j++){
if(typeof(MonArray[i][j]) == 'string' || MonArray[i][j].num == eId){
continue;
}
MonArray[i][j].isShowDayInfo = false;
}
}
this.setData({
MonthDayArray:MonArray,
toYear:data.yearNum,
toMonth:data.monthNum,
toDate:eId,
fromToday:d.getFromTodayDays(eId, data.monthNum - 1, data.yearNum),
nongliDetail:CN_Date(data.yearNum, data.monthNum, eId),
})
},
monthTouch:function(e){
var beginX = e.target.offsetLeft;
var endX = e.changedTouches[0].clientX;
if(beginX - endX > 125){
this.nextMonth_Fn();
}
else if(beginX - endX < -125){
this.lastMonth_Fn();
}
},
nextMonth_Fn:function(){
var n = this.data.monthNum;
var y =this.data.yearNum;
if(n == 12){
this.setData({
monthNum:1,
yearNum:y + 1,
});
}
else{
this.setData({
monthNum:n + 1,
});
}
this.calcMonthDayArray();
},
lastMonth_Fn:function(){
var n = this.data.monthNum;
var y =this.data.yearNum;
if(n == 1){
this.setData({
monthNum:12,
yearNum:y - 1,
});
}
else{
this.setData({
monthNum:n - 1,
});
}
this.calcMonthDayArray();
},
calcMonthDayArray:function(){
var data = this.data;
var dateArray = d.paintCalendarArray(data.monthNum, data.yearNum);
//如果不是当年当月,自动选中1号
var notToday = (data.monthNum != t.getMonth() + 1 || data.yearNum != t.getFullYear());
if(notToday){
for(var i = 0;i < dateArray[0].length;i++){
if(dateArray[0][i].num == 1){
dateArray[0][i].isShowDayInfo = true;
}
}
}
this.setData({
MonthDayArray:dateArray,
toYear:notToday ? this.data.yearNum : t.getFullYear(),
toMonth:notToday ? this.data.monthNum : t.getMonth() + 1,
toDate:notToday ? 1 : t.getDate(),
fromToday:notToday ? d.getFromTodayDays(1, data.monthNum - 1, data.yearNum) : '今天',
nongliDetail:notToday ? CN_Date(data.yearNum, data.monthNum, 1) : CN_Date(t.getFullYear(), t.getMonth() + 1, t.getDate()),
})
}
})
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
蓝色简约版万年历时间的微信小程序模板下载.zip (23个子文件)
ZB2020110502
x201
pages
index
index.wxml 479B
index.js 414B
index.wxss 837B
calendar
getCNDate.js 3KB
date.js 2KB
calendar.wxss 2KB
calendar.js 4KB
calendar.wxml 1KB
logs
logs.json 54B
logs.js 266B
logs.wxml 173B
logs.wxss 106B
app.json 733B
.gitattributes 378B
app.js 719B
utils
util.js 460B
app.wxss 245B
i
team.png 972B
team_active.png 1011B
calendar.png 437B
calendar_active.png 470B
right.png 229B
.gitignore 5B
共 23 条
- 1
资源评论
小徐博客
- 粉丝: 1973
- 资源: 3874
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功