ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

uniapp的uView的Calender禁用某些日期,并给出一些提示

2021-01-21 19:01:39  阅读:1595  来源: 互联网

标签:uniapp end uView start let split Calender endArr startArr


u-calendar__content__item__inner

1.在这个class中添加自己想要的格式

<view class="leased" v-if="item.isUse">
							已租赁
						</view>

2,在changeData方法中更改数据格式,然后匹配自己的禁用日期时间

this.daysArr.forEach((item,index)=>{
					this.daysArr[index] = {
						isUse:false,
						data:item
					}
					let month = this.month<10?('0'+this.month):this.month
					let day = item<10?('0'+item):item
					let date = `${this.year}-${month}-${day}`
					if(this.disabledTime.includes(date)){
						this.daysArr[index].isUse=true
					}
				})

3.在openDisabled中修改原来判断

for(var i = 0;i<this.disabledTime.length;i++){
					// console.log(this.disabledTime[i])
					let newDay = this.disabledTime[i].replace(/\-/g,'/')
					newDay = new Date(newDay).getTime()
					if(timestamp===newDay){
						bool=true;
					}
				}

newDay为传入禁用日期数组

4.下方为获取开始结束日期之内的所有日期

getAllDate(start, end) {
			let dateArr = []
			start = start.split(' ')
			let startArr = start[0].split('-')
			end = end.split(' ')
			let endArr = end[0].split('-')
			let db = new Date()
			db.setUTCFullYear(startArr[0], startArr[1] - 1, startArr[2])
			let de = new Date()
			de.setUTCFullYear(endArr[0], endArr[1] - 1, endArr[2])
			let unixDb = db.getTime()
			let unixDe = de.getTime()
			let stamp
			const oneDay = 24 * 60 * 60 * 1000;
			for (stamp = unixDb; stamp <= unixDe;) {
				dateArr.push(this.format(new Date(parseInt(stamp))))
				stamp = stamp + oneDay
			}
			return dateArr
		},

 

标签:uniapp,end,uView,start,let,split,Calender,endArr,startArr
来源: https://blog.csdn.net/qq_20497071/article/details/112969582

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有