uni-app中如何实现自定义的时间段选择器

uni-app中如何实现自定义的时间段选择器_第1张图片
具体的实现方法就是使用小程序中的picker-view组件 https://uniapp.dcloud.io/component/picker-view

注意:pop是我引入的一个弹窗组件


			 
				
					{{item}}
				
				
					{{item}}
				
			
			确定
		
export default {
		components: {
			pop
		},
		data() {
			let popright = ['立即上门','00.00-01.00','01.00-02.00','02.00-03.00','03.00-04.00','04.00-05.00','05.00-06.00','06.00-07.00','07.00-08.00','08.00-09.00','09.00-10.00','10.00-11.00','11.00-12.00','12.00-13.00','13.00-14.00','14.00-15.00','15.00-16.00','16.00-17.00','17.00-18.00','18.00-19.00','19.00-20.00','20.00-21.00','21.00-22.00','22.00-23.00','23.00-24.00']
			return{
				value: [0,0],
				indicatorStyle: `height: 50px;`,
				popleft:['今天','明天'],
				visible: true,
				popright:popright,
			}
		},
			methods:{
				bindChange: function (e) {
					console.log(e,'----126---')
				},
			}
}

style


关于里面pop弹窗的组件 具体是这个https://ext.dcloud.net.cn/plugin?id=2716 用其他的也行 比如uview的弹出层都可以
里面的东西其实都可以变化 比如只想用单列那么就只循环一个就行了注意数据的循环。如果有不懂的可以留言。

现可以接单,有需要的可以私聊或者加QQ1615313820

你可能感兴趣的:(uni-app,uni-app,前端)