App.vue

<script>
	export default {
		onLaunch: function () {
			this.getDate()
			this.dateArr()
		},
		onShow: function () {
			console.log('App Show')
		},
		onHide: function () {
			console.log('App Hide')
		},
		methods: {
			getDate(){
				var dayData=[];
				var obj={};
				for(var i=1999;i<2020;i++){
					obj={
						'value':i+'年',
						'children':[]
					}
					for(var j=0;j<12;j++){
						var  val=j+1;
						val= val > 9 ? val : '0' + val;
						var obj2={
							'value':val+'月',
							'children':[]
						}
						obj.children.push(obj2)
						 var  day = new Date(i,j+1,0);
						var daycount = day.getDate();
						for(var k=0;k<daycount;k++){
							var  val=k+1;
							val= val > 9 ? val : '0' + val;
							var obj3={
								'value':val+'日'
							}
							obj.children[j].children.push(obj3)
						}
					}
					dayData.push(obj)
				}
				uni.setStorage({
					key:'dayData',
					data:JSON.stringify(dayData)
				})
				
			},
			dateArr(){
				var yearArr=[];
				var yearData=[];
				var currentYear=[];
				var monthData=[];
				var currentMonth=[];
				var weekData=[];
				var currentWeek=[];
				var currentDay=[];
				for(var i=1999;i<2020;i++){
					yearArr.push(i+'年')
				}
				yearData.push(yearArr)
				var monthArr=[];
				for(var i=1;i<12;i++){
					var month=i
					if(i<10){
						month='0'+i;
					}
					monthArr.push(month+'月')
				}
				monthData.push(yearArr);
				monthData.push(monthArr);
				var weekArr=['第一周','第二周','第三周','第四周','第五周'];
				weekData.push(yearArr)
				weekData.push(monthArr)
				weekData.push(weekArr);
				
				const date = new Date();
				var year = date.getFullYear();
				var yearIndex=year-1999
				currentYear.push(yearIndex);
				var monthIndex = date.getMonth();
			
				var month = monthIndex+1 > 9 ? monthIndex+1 : '0' + (monthIndex+1);
				currentMonth.push(yearIndex);
				currentMonth.push(monthIndex);
				  const w = date.getDay()
				  const d = date.getDate();
				   var day= d > 9 ? d : '0' + d;
				  var weekIndex=Math.ceil((d + 6 - w) / 7)-1;
				  currentWeek.push(yearIndex);
				  currentWeek.push(monthIndex);
				  currentWeek.push(weekIndex);
				  var dayIndex=d-1;
				   currentDay.push(yearIndex);
				  currentDay.push(monthIndex);
				  currentDay.push(dayIndex);
				  
				  uni.setStorage({
				  	key:'yearData',
				  	data:JSON.stringify(yearData)
				  })
				  uni.setStorage({
				  	key:'yearData',
				  	data:JSON.stringify(yearData)
				  })
				  uni.setStorage({
				  	key:'currentYear',
				  	data:JSON.stringify(currentYear)
				  })
				  uni.setStorage({
				  	key:'monthData',
				  	data:JSON.stringify(monthData)
				  })
				  uni.setStorage({
				  	key:'currentMonth',
				  	data:JSON.stringify(currentMonth)
				  })
				  uni.setStorage({
				  	key:'weekData',
				  	data:JSON.stringify(weekData)
				  })
				  uni.setStorage({
				  	key:'currentWeek',
				  	data:JSON.stringify(currentWeek)
				  })
				  uni.setStorage({
				  	key:'currentDay',
				  	data:JSON.stringify(currentDay)
				  })
			}
		}
	}
</script>
<style>
	.picker-title{
		background: #0069FF!important;
	}
	body{
		font-size: 25.36upx;
		background: #f3f3f3;
	}
	.littleTit{
		overflow:hidden;
		text-overflow:ellipsis;
		-o-text-overflow:ellipsis;
		-webkit-text-overflow:ellipsis;
		-moz-text-overflow:ellipsis;
		white-space:nowrap;
	}
	@font-face {
		font-family:apples;
		src: url('static/fonts/AB.ttf');
	}
.picker-title:after{
	border: none!important;
}

	.typeBox{
		height: 38.04upx;
		width: 434.78upx;
		line-height: 38.04upx;
		display: flex;
		flex-direction: row;
		margin: 0 auto;
		position: relative;
		top: 21.73upx;
		font-size: 21.73upx;
	}
	.typeBox>span{
		flex: 1;
		text-align: center;
		margin-right: 36.23upx;
		text-align: center;
		border-radius: 16.3upx;
		color: #80b4ff;
	}
	.activeDateType{
		background: #fff;
		color: #0069FF;
	}
	.search .content{
		height: 43.47upx!important;
	}
	.search{
		border-bottom: none!important;
	}
	.searchBox{
		position: fixed;
		top: 1.81upx;
		z-index: 9;
		right: 112.31upx;
		width: 565.21upx;
	}
	.button-item{
		color: #FFFFFF!important;
	}
	.centers{
		text-align: center!important;
		color: #c9c9c9;
	}
	/*每个页面公共css */
</style>