mobiscroll

Hide virtual keyboard on mobile with Jquery/Javascript (Mobiscroll)

由 痴心易碎 提交于 2021-02-07 09:26:25
问题 There are a lot of questions about this. But they all talk about leaving the focus on a field. Here is my problem: I have a input type field. When the user clicks on it, it will open my custom mobiscroll feature. and in some cases like by Android 2.* or windows surface tablets it shows the virtual keyboard as well ! How can i code a case that the virtual keyboard will never appear ! Who can help me :) 回答1: To remove the keyboard you need to lose the focus on the active element. No other

Hide virtual keyboard on mobile with Jquery/Javascript (Mobiscroll)

由 江枫思渺然 提交于 2021-02-07 09:25:02
问题 There are a lot of questions about this. But they all talk about leaving the focus on a field. Here is my problem: I have a input type field. When the user clicks on it, it will open my custom mobiscroll feature. and in some cases like by Android 2.* or windows surface tablets it shows the virtual keyboard as well ! How can i code a case that the virtual keyboard will never appear ! Who can help me :) 回答1: To remove the keyboard you need to lose the focus on the active element. No other

mobiscroll js 日期插件

由 旧城冷巷雨未停 提交于 2020-01-07 13:49:54
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> mobiscroll js: 日期插件,一般用于移动开发 界面 <!--mobiscroll会将表单控件的value属性与插件的输入值绑定--> <input id="date" name="date" /><br /> <input id="time" name="time" /><br /> <input type="button" value="showTime" onclick="showTime()"> 引入mobiscroll.js插件 <!--一般将js脚本文件放在body元素的底部就是为了加快网页的加载，因为网页的加载和脚本的加载是分开的--> <script src="../js/jquery-3.1.0.js"></script> <script src="../js/mobiscroll.custom-2.6.2.min.js"></script> js操作逻辑 //初始化日期控件 /** 日期控件 start */ var now = new Date(); var currYear = now.getFullYear(); var currMonth = now.getMonth() + 1; var currDay = now.getDate(); //mobiScroll插件选项

mobiscroll日期插件使用

由 廉价感情. 提交于 2020-01-07 12:42:27
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 引用css样式，经测试这几个样式都要使用 <link href="../../plugins/Mobiscroll/css/mobiscroll_002.css" rel="stylesheet" type="text/css"> <link href="../../plugins/Mobiscroll/css/mobiscroll.css" rel="stylesheet" type="text/css"> <link href="../../plugins/Mobiscroll/css/mobiscroll_003.css" rel="stylesheet" type="text/css"> 引用jquery 及js <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script> <script src="../../plugins/Mobiscroll/js/mobiscroll_002.js" type="text/javascript"></script> <script src="../../plugins/Mobiscroll/js/mobiscroll_004.js" type="text/javascript"></script

Using mobiscroll for a date range

由 六月ゝ 毕业季﹏ 提交于 2019-12-25 05:29:08
问题 I am trying to build a webpage where I have 2 scrollers to pick a range of dates. Both text inputs are the same class, so i am setting the 2 scrollers like so: $('.datetime').scroller({ preset: 'datetime', minDate: new Date(now.getFullYear(), now.getMonth(), (now.getDate() - 7)), theme: 'default', display: 'modal', timeFormat: 'HH:ii', timeWheels: 'HHii', stepMinute: 5, mode: 'scroller' }); What I'd like to do is to get the 2nd scroller to set as its minDate the value set by the first

How to identify screen size

由 限于喜欢 提交于 2019-12-25 05:18:08
问题 I am working on some mobile web application ( it my firs time ) and I faced such problem: despite the use of special mobile frameworks some sizes of modal windows are not correct on small screens. For example i have an ipod and ipad: On iPod the size of buttons is already changed for a bit. So, may be there is any way to identify screen size like category (small, normal, large or may be just get list of sizes to the array) using js may be and then based on it i would do some basic changes in

How can I set the maxDate for mobiscroll?

由 自闭症网瘾萝莉.ら 提交于 2019-12-14 03:14:59
问题 I´m wondering how I could set the max date on the mobiscroll. I know that i should use the maxDate option but I cannot find how the string should be formatted anywhere. Can anyone help? Thanks 回答1: I'm not familiar with mobiscroll, but if I understood correctly, its documentation says that maxDate accepts the Date global object. So, actually, the format can be anything accepted by the standard JavaScript Date : Here's a documentation for Date from MDN: https://developer.mozilla.org/en

Changewheel functionality How it works?

由 早过忘川 提交于 2019-12-12 01:44:11
问题 First of all I want share my appreciation for the amazing work done with this snippet (it's really really a cool tool). I am trying to use mobiscroll in an app that I am currently developing. I love how easy is to use and customize the mobiscroll tool. What I really find just obscure, is how use the functionality changeWheel . I tried many things but never with success. What I am trying to accomplish is to change the values of the first wheel (change completely and regenerate the first wheel)

Wheel numbers visible outside wheel

由 梦想的初衷 提交于 2019-12-11 10:16:01
问题 With v:2.4, FF18, using datetime demo, if I click-drag the number wheel up/down, the numbers go momentarily outside the wheel area, then disappear and then wheel is actually scrolled. This did not happen in v:2.0. Is there a way to avoid this effect, or is it a bug? Sorry, hard to get a screen shot; it just happens for an instant, but looks ugly. Got a screenshot 回答1: Looks like it's fixed in 2.4.1 The issue did not happen in 2.0 (and 2.1) because the top property was animated instead of the

Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: [duplicate]

由 匿名 (未验证) 提交于 2019-12-03 02:50:02
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: This question already has an answer here: How to select JSF components using jQuery? 4 answers i have an txtBox and its id is : beginDateTxt but jsf makes it j_idt8:beginDateTxt in jquery i try to reach it like that <script type="text/javascript"> $(document).ready(function() { $(function() { $("#j_idt8:beginDateTxt").mobiscroll().date({ theme: 'android-ics light', mode:'scroller', display: 'bottom' }); }); }); </script> but i get below error: Uncaught Error: Syntax error, unrecognized expression: unsupported pseudo: beginDateTxt why? 回答1:
订阅 mobiscroll