uniapp实现日期区间的选择（默认获取当前时间）

最新推荐文章于 2023-05-19 01:29:45 发布

一颗前端子

最新推荐文章于 2023-05-19 01:29:45 发布

阅读量8.9k

点赞数 5

分类专栏： uniapp 文章标签： vue.js html5

本文链接：https://blog.youkuaiyun.com/qq_43408070/article/details/110230653

版权

uniapp 专栏收录该内容

9 篇文章

订阅专栏

实现效果：在这里插入图片描述
h5：

data() {
			const currentDate = this.getDate({
				format: true
			})
			const currentDate2 = this.getDate({
				format: true
			})
			return {
				fontnum:0,
				date: currentDate,
				date2: currentDate2,

bindDateChange: function(e) {
				this.date = e.target.value
			},
			bindDateChange2: function(e) {
				this.date2 = e.target.value
			},
			getDate(type) {
				const date = new Date();
				let year = date.getFullYear();
				let month = date.getMonth() + 1;
				let day = date.getDate();
			
				if (type === 'start') {
					year = year - 60;
				} else if (type === 'end') {
					year = year + 2;
				}
				month = month > 9 ? month : '0' + month;;
				day = day > 9 ? day : '0' + day;
				return `${year}-${month}-${day}`;
			},

	computed: {
			startDate() {
				return this.getDate('start');
			},
			endDate() {
				return this.getDate('end');
			}
		},

默认获取当前时间

getTime() {
				var date = new Date(),
					year = date.getFullYear(),
					month = date.getMonth() + 1,
					day = date.getDate(),
					hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(),
					minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(),
					second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
				month >= 1 && month <= 9 ? (month = "0" + month) : "";
				day >= 0 && day <= 9 ? (day = "0" + day) : "";
				var timer = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
				return timer;
			}