zhoushengmufc / iosselect Goto Github PK
View Code? Open in Web Editor NEWwebapp通用选择器
License: MIT License
webapp通用选择器
License: MIT License
遇到了系统版本不兼容的问题,苹果手机13.3.1系统打开选择面板上白屏,看不到数据,求解决啊
在微信开发者工具中,会出现划不动的情况,但是在浏览器上是可以划动的。。。。。。
当选择的date < 10 的时候,重新打开一直会是 date 1,这是为什么哦, 大于等于10 都没问题
以npm 方式引用的该插件,初始化所需要的三个参数,但调用时报错:Uncaught TypeError: this.setBase is not a function,求解。
demo页面打开显示是乱码,应该是header里面没有添加<meta charset="utf-8">。
非常不错的插件,感谢作者!
这个需求在日历操作中是高频通用的
可以提供一下vue中的使用方法吗?因为事件监听经常报错。。
无法进行上下滑动进行选择
问题出在它的内置浏览器window对象带有ontouchstart
事件。但是并不会生效。
// PC端企业微信内置浏览器
'ontouchstart' in window === true
我临时在插件调用前判断了一下才得以处理。
if (~navigator.userAgent.toLowerCase().indexOf('windowswechat')) {
delete window.ontouchstart
}
vivo x7 android 5.1.1
按钮样式能能支持修改吗?
ts
`
//选择性别
changeSex(){
var data=[
{'id': '0', 'value': '保密'},
{'id': '1', 'value': '男'},
{'id': '2', 'value': '女'}
];
// 实例化组件
var example = new IosSelect(
1, // 第一个参数为级联层级,演示为1
[data], // 演示数据
{
container: '.sexSelectBox', // 容器class
title: '', // 标题
itemHeight: 50, // 每个元素的高度
itemShowCount: 3, // 每一列显示元素个数,超出将隐藏
oneLevelId: '2', // 第一级默认值
callback: function (selectOneObj) { // 用户确认选择后的回调函数
console.log(selectOneObj);
},
fallback:function(){
console.log("fallback");
},
maskCallback:function(){
console.log("maskCallback");
}
});
console.log(example);
}
`
example对象可以console出来
并且消失后调用了maskCallback方法
首先感谢大佬的分享 其次有个问题想请教一下 我用微信开发工具打开的公众号网页引用了 下拉之后 发现 无法滑动 把页面在谷歌上打开可以滑动 而用微信开发工具打开的公众号网页上没办法滑动 请问应该怎么处理?
在iPhone手机上,弹框后,背景可以上下滑动,希望背景禁止滑动
不错,但是时间选择年月日时比较慢,虽然有遮罩过渡,但是等待的有点久了
城市选择器:湖北省——仙桃市报错
@zhoushengmufc
1.我使用过程中实现了题目的描述,写了点css3,自己用也就够了; 另外就是题目的第二个,组件隐藏目前只能通过点击取消和确定按钮,如果能点击半透明的背景隐藏就更棒了。
如果应用在react中,没用手动点击取消或确定,当路由改变后,改组件依然存在,所以需要一个销毁事件,在react组件销毁的时候同时把该组件也销毁。
import "../assets/libs/iosSelect/iosSelect.css"
import "../assets/libs/iosSelect/iosSelect"
import "../assets/libs/iosSelect/iscroll"
export default {
data () {
return {
isShow1:true,
houseProperty: [
{id: 0, name: "住宅小区"},
{id: 1, name: "别墅"}
]
}
},
created(){
this.init();
},
mounted(){
},
components: {},
computed: {},
methods: {
init (){
new IosSelect(1, this.houseProperty, {
container: '.selectedModule',
title: '户型选择',
itemHeight: 50,
itemShowCount: 3
});
}
}
}
===========================================
报错:
[Vue warn]: Error in created hook:
(found in at E:\2bossM\m_estimate\estimate\src\components\selectModule.vue)
ReferenceError: IosSelect is not defined
at VueComponent.init (eval at 224 (1.js:42), :35:11)
at VueComponent.boundFn [as init] (eval at (app.js:877), :126:12)
at VueComponent.created (eval at 224 (1.js:42), :25:10)
at callHook (eval at (app.js:877), :2274:21)
at VueComponent.Vue._init (eval at (app.js:877), :3757:5)
at new VueComponent (eval at (app.js:877), :3921:12)
at createComponentInstanceForVnode (eval at (app.js:877), :3116:10)
at init (eval at (app.js:877), :2924:45)
at createComponent (eval at (app.js:877), :4655:9)
at createElm (eval at (app.js:877), :4598:9)
应当为firstLevel,secondLevel,而不是oneLevel,twoLevel
I'm new user of PG.
When I use Sqlserver, I can get a datatable structure map (includining columns and tables' comments) by doing a sql search from syscolumns ,systypes , sysobjects ,syscomments , sys.extended_properties.
Can postgres do the similar thing so that I can quick provide a datatable structue map for other developer?
Any help is appreciated.
the sql for sqlserver is :
###########################
SELECT
*
FROM
syscolumns A
Left Join
systypes B
On
A.xusertype=B.xusertype
Inner Join
sysobjects D
On
A.id=D.id and D.xtype='U' and D.name<>'dtproperties'
Left Join
syscomments E
on
A.cdefault=E.id
Left Join
sys.extended_properties G
on
A.id=G.major_id and A.colid=G.minor_id
Left Join
sys.extended_properties F
On
D.id=F.major_id and F.minor_id=0
Order By
A.id,A.colorder
############################
拖拽没有反应
点击下载的时候下载不了
我发现 .close 和BOOTSTRAP 的冲突了。
导致按钮变得很暗。
可否说明下这个addClassName怎么用?看说明是用来自定义CSS名的。
谢谢。
可以添加api用来在级联数据格式下 更新整个数据源吗?
如何选择开源许可证?阮一峰
希望选择相对宽松的开源许可,以便在项目中使用。
苹果xr 打开什么都没有啊 求解决
iphoneX以上手机,会出现卡顿现象。iphoneX以下未发现该问题。
Cannot read property 'id' of undefined
难道要自己补全第三级?
在ios设备上,点击控件按钮或者遮盖层有时会出现渗透情况,比如控件下面是表单或者按钮,依然会触发文本框的聚焦事件,在手机上打开键盘,或者出现点击到遮盖层下边按钮的情况,这种体验真的很不好;此外,fallback回调函数中应该返回event对象的,同时,点击遮盖层,没有触发fallback回调函数。
想做起始时间和终止时间的选择,不过发现没有时间的关联判断,即当起始时间大于终止时间时,终止时间自动跳到至少相等的位置。
你好,我想问一下这个实现原理是什么,怎么计算的,麻烦详细一点,谢谢
IOS微信浏览器测试,“取消”和“确定”按钮掉到滚动选择面上了,我的IOS的9.3.5
如果在微信pc端使用这个下拉菜单的话,弹出下拉菜单,无法进行与浏览器中相同的鼠标拖动效果,也就是无法选择其他选项,求个解决方法
时间越短,滑动距离越大就滑的越远,具体怎么实现
我以前也写过一个,只能根据他手指滑动多远就给他translateY多远
在我滑动的时候,会出现bug,
RT
iosSelect.js 258 window.scrollTo(0,0)去掉,css文件中的ios-select-body-class改为.ios-select-body-class{overflow:hidden}
可以解决,不知道作者的scrollTo(0,0)的意图是什么
data=[{"value":10,"pA":40}] 点击后获取的时候 pA的值为undefined 用pa确可以获取到,大写的属性最终变为小写了
用户打开三级联动后,没其他操作,直接点返回再来打开三级联动的时候,死机了.目测加个销毁钩子可以解决
我现在需要的是三级选择,第一列是天数,第二列是小时,第三列是分钟。现在初始化后默认选中的是0天8小时30分钟,我希望的是默认选中的是每列的第一个,请问这个是否可以设置?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.