jQueryWEUI使用picker实现二级联动

项目需求根据不同的日期选择不同的时间段实现二级联动
日期的返回数据

时间段的返回数据

     <input type="text" placeholder="请选择日期" id='date'><div id='eloct'><input type="text" placeholder="请选择时段"></div>

        //获取日期信息$.ajax({url: url,type: "post",data: { key: key, type: 'getFlashSignInfo' },dataType: 'json',success: function (res) {if (res.status == 1) {for (let i = 0; i < res.data.date.length; i++) {$("#date").picker({title: "请选择日期",cols: [{textAlign: 'center',values: res.data.date}],//点击完成或关闭picker获取时间段信息onClose: function (picker) {console.log(picker)dataTime(picker.value[0])},});}} else {$.toptip(res.msg, 'error');}}})//获取时间段function dataTime(appDate) {$.ajax({url: url,type: "post",data: {key: key,type: 'getFlashTimeInfo',data: { 'appDate': appDate },},dataType: 'json',success: function (res) {if (res.status == 1) {list = []for (let i = 0; i < res.data.length; i++) {list.push(res.data[i].app_time);}$("#eloct").html(`<input type="text" placeholder="请选择时段" id='period'/>`)$("#period").picker({title: "请选择时段",cols: [{textAlign: 'center',values: list}],});}}})}

jQueryWEUI使用picker实现二级联动相关推荐

微信小程序picker组件 - 省市二级联动
picker 从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器. picker官方文档链接由于项目需 ...
微信小程序picker组件 - 省市二级联动及其回显
picker 从底部弹起的滚动选择器,现支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器. picker官方文档链接由于项目需 ...
uniapp自定义picker城市多级联动组件
uniapp自定义picker城市多级联动组件支持多端--h5.app.微信小程序.支付宝小程序... 支持自定义配置picker插件级数支持无限级注意事项:插件传入数据格式为children树 ...
微信小程序地址的二级联动--柳州
地址的二级联动–柳州效果图: .js const app = getApp() var that var list = [] Page({data: {addressInfo: [], //记录从服 ...
popwindow下拉筛选二级联动_职场人必备！一分钟搞定Excel二级联动下拉菜单
对于一级下拉菜单的设置,相信经常使用Excel的用户都不陌生,那么,二级联动下拉菜单又是什么呢?与一级下拉菜单有什么关系呢? 二级联动下拉菜单是根据一级下拉菜单内容的变化而变化的.大家都知道,不同的部 ...
select三级联动怎么删除前一个的_python测试开发django57.xadmin选项二级联动
前言当我们选择项目分类的时候,一个项目下关联多个模块,同时有这两个选项框的时候,需要实现选中一个项目,模块里面自动删除出该项目下的模块,如下图这种解决基本思路: 1.写个jqeury脚本监听cha ...
关于ExtJS在使用下拉列表框的二级联动获取数据
2019独角兽企业重金招聘Python工程师标准>>> 使用下拉列表框的二级联动获取数据,如果第一个下拉列表框有默认值时,需要设置fireEvent执行select事件示例: va ...
二级联动菜单，简单实现
/*** jQuery Linkage Menu** Copyright 2014, sunyingyuan* QQ: 1586383022* Email: yingyuansun@163.com** ...
Ajax实现的城市二级联动一
前一篇是把省份和城市都写在JS里,这里把城市放在PHP里,通过发送Ajax请求城市数据渲染到页面. 1.html <select id="province"><o ...
Vue -- 配合iView实现省市二级联动
在实现省市二级联动时,如果省份和城市写在一个数组对象中.可以根据,点击某个省份时获取到目标省份的id 是否同数组中的某个对象id一致来判断 iView中的on-change事件 on-change ...

jQueryWEUI使用picker实现二级联动

jQueryWEUI使用picker实现二级联动相关推荐

最新文章

热门文章