layPicker

<link rel="stylesheet" href="css/lay-picker.css" />

<script type="text/javascript" src="js/jquery-2.1.1.min.js" ></script>
<script type="text/javascript" src="js/lay-picker.js" ></script>

layPicker.init({
	elem: '#year', // 绑定元素
	options: 'year', // 设置为日期选择器（日期选择器可设置：year、month、date、time、timesecond、datetime、datetimesecond），不设置默认取data作为选择值
	onSuccess: function(index, elem){ // 渲染成功回调
	    layPicker.setValue(index, [
	        {value: '2023'},
	    ])
	},
	onSelect: function(result){
		console.log('onSelect --- ', JSON.stringify(result))
	},
	onConfirm: function(index, value, result){ // 点击确认回调
	    $("#year").val(value)
	    console.log('onConfirm --- ', index, '---', value, '----', JSON.stringify(result))
	},
	onCancel: function(index){ // 点击取消回调
	},
	onShade: function(index){ // 点击遮罩回调
	},
})

// 选择地区
layPicker.init({
	elem: '#addr', // 绑定元素
	data: [addr_array, addr_array_bj, []], // 列数值 （addr_array省，addr_array_bj市，[]区）
	onSuccess: function(index, elem){ // 渲染成功回调
	},
	onSelect: function(index, i, result){ // 停止滚动触发：index是当前对象的标识， i 是当前滑动的下标对象，result是前面的值集
		if(i == 0){
			if(result[i].name == '北京'){
				layPicker.setData(index, i, addr_array_bj);
			}else if(result[i].name == '广东'){
				layPicker.setData(index, i, addr_array_gd);
				layPicker.setData(index, i+1, add_array_gd_dg);
			}
		}else if(i == 1){
			if(result[i].name == '深圳市'){
				layPicker.setData(index, i, add_array_gd_sz);
			}else if(result[i].name == '东莞市'){
				layPicker.setData(index, i, add_array_gd_dg);
			}else{
				layPicker.setData(index, i, []);
			}
		}
		console.log('onSelect --- ', JSON.stringify(result))
	},
	onConfirm: function(index, value, result){ // 点击确认回调
		//结果处理后再显示
		var text = [];
		for(var i = 0; i < result.length; i++) {
			text.push(result[i].name);
		}
		$("#addr").val(text.join('-'))
		console.log('onConfirm --- ', index, '---', value, '----', JSON.stringify(result))
	},
	onCancel: function(index){ // 点击取消回调
	},
	onShade: function(index){ // 点击遮罩回调
	},
})

// 动态调整
layPicker.init({
	elem: '#trends', // 绑定元素
	data: [addr_array], // 列数值（使用动态这里可以不用占位，这里假设第一个参数没子级，如果默认第一个值，就要追加子级数组）
	onSuccess: function(index, elem){ // 渲染成功回调
	},
	onSelect: function(index, i, result){ // 停止滚动触发：index是当前对象的标识， i 是当前滑动的下标对象，result是前面的值集
		if(i == 0){
			if(result[i].name == '北京'){
				layPicker.setDataTrends(index, i, addr_array_bj);
			}else if(result[i].name == '广东'){
				layPicker.setDataTrends(index, i, addr_array_gd);
				layPicker.setDataTrends(index, i+1, add_array_gd_dg);
			}
		}else if(i == 1){
			if(result[i].name == '深圳市'){
				layPicker.setDataTrends(index, i, add_array_gd_sz);
			}else if(result[i].name == '广州市'){
				layPicker.setDataTrends(index, i, null);
			}else if(result[i].name == '东莞市'){
				layPicker.setDataTrends(index, i, add_array_gd_dg);
			}
		}
		console.log('onSelect --- ', JSON.stringify(result))
	},
	onConfirm: function(index, value, result){ // 点击确认回调
		//结果处理后再显示
		var text = [];
		for(var i = 0; i < result.length; i++) {
			text.push(result[i].name);
		}
		$("#trends").val(text.join('-'))
		console.log('onConfirm --- ', index, '---', value, '----', JSON.stringify(result))
	},
	onCancel: function(index){ // 点击取消回调
	},
	onShade: function(index){ // 点击遮罩回调
	},
})