uview时间区间选择

最新推荐文章于 2024-09-17 22:42:06 发布

深漂小码哥

最新推荐文章于 2024-09-17 22:42:06 发布

阅读量9.1k

点赞数 1

分类专栏： Web前端

本文链接：https://blog.csdn.net/qq2942713658/article/details/116200463

版权

Web前端专栏收录该内容

95 篇文章 0 订阅

订阅专栏

html

			<view>搜索日期：</view>
				<view>			
				{{defaultStartTime}}<image @click="selStart" class="ssel-icon" src="/static/images/ssel.png"></image>
				<u-picker
					mode="time"
					:defaultTime="defaultStartTime"
					v-model="startShow"
					:params="params"
					end-year="2030"
					@confirm="confirmStart"
					confirm-color="#F6AB00"
				></u-picker>	
			</view>
			<view class="zhi">至</view>
			<view>
				{{defaultEndTime}}<image @click="selEnd" class="ssel-icon" src="/static/images/ssel.png"></image>
				<u-picker
					mode="time"
					:defaultTime="defaultEndTime"
					v-model="endShow"
					:params="params"
					end-year="2030"
					@confirm="confirmEnd"
					confirm-color="#F6AB00"
				></u-picker>
			</view>

	export default {
		data() {
			return {
				startShow: false,
				endShow: false,
				defaultStartTime: '',
				defaultEndTime:'',
				defaultSelector: [0],
				params: {
					year: true,
					month: true,
					day: true
				}
			}
		},
		onLoad() {
			this.defaultStartTime = this.getDate();
			this.defaultEndTime = this.getDate();
		},
		methods: {
			changeStatus(index) {
				this.current = index
			},
			getDate(type) {
				let date = new Date();
				let year = date.getFullYear();
				let month = date.getMonth() + 1;
				let day = date.getDate();
				return year + '-' + month + '-' + day;
				
			},
			selStart() {
				this.startShow = true;
			},
			selEnd() {
				this.endShow = true;
			},
			confirmStart(e) {
				this.defaultStartTime = e.year + '-' + e.month + '-' + e.day;
				
			},
			confirmEnd(e) {
				this.defaultEndTime = e.year + '-' + e.month + '-' + e.day;
			}
		}
	}
</script>