xfhxbb / lcalendar Goto Github PK
View Code? Open in Web Editor NEWLCalendar移动端日期时间选择控件
License: MIT License
LCalendar移动端日期时间选择控件
License: MIT License
在_self.gearDate.innerHTML =
在这句语句中加一个div作为透明层,覆盖到你的网页上,这样就可以防止反复点击�而出现反复弹窗导致选择不上时间
最后🙏感谢博主无私贡献,
iphone上safari看样式有问题
1、选择datetime时,整个选择飘到上面去了。
2、选择date时,聚焦的点还停留在input上,穿透到上面来了。
日期选择之后,试着取input的value值得到选择的值,但是并没有得到,请教一下作者是怎么取得已选的日期呢?
请问月、日、时、分、秒能搞成无限滚动的么?
除了年月日等现有的,希望作者增加“年周”的时间选择。供用户方便的选择某一年某一周的时间,选择XX周的时候,点击确定,可以之后XX周的时间范围
LCalendar.js:443 Uncaught TypeError: Cannot read property 'querySelector' of null
两次点击input框再选择,确定和取消按钮就会失效,有没有人遇到同样的问题,求解!!!
建议在 gh-pages 分支放一个在线演示
原生js的change事件和jquery的change事件,无法对设置的值进行获取
希望加入回调函数,支持设置值及清除值的动作
在插件呼出后,滑动日期选择时,会触发页面的scroll事件,造成弹层底部的页面也跟着滚动。
虽然我们不能阻止scroll事件,但是可以通过阻止touchmove默认事件来解决这个问题;
解决方案如下:
1、在呼出插件方法内为插件外围容器和document定义阻止默认和阻止冒泡;当然,document只给阻止默认即可;
_self.gearDate.addEventListener('touchmove',preventEv); document.addEventListener('touchmove',preventEv);
2、 在closeMobileCalendar方法中移除事件绑定
_self.gearDate.removeEventListener('touchmove',stopProp,1); document.removeEventListener('touchmove',preventEv);
function preventEv(){ event.stopPropagation(); event.preventDefault(); }
选择了日期之后,我要怎么获取value?
看到之前有人提出来了,但是小白表示看不懂啊/(ㄒoㄒ)/~~
求方法简明的解析?
我设置 meta
为 <meta name="viewport" content="width=1184, maximum-scale=1,user-scalable=no">
会导致无法滑动,控制台信息为:
Ignored attempt to cancel a touchend event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
有时候会用到多少分钟刻度这种... 比如最近就想给个每次选择30分钟的间隔,~~~
比如,请假申请的时候,小时部分,只能是9-17,分钟的部分,只能00或30选择,类似这些限制,希望可以更加人性化
//重置日期节点个数
Line 332 in 3883212
Uncaught TypeError: Cannot read property 'querySelector' of null
if(!_self.gearDate){return;}
UC 浏览器选择日期显示有问题
因为 mobile-angular-ui 中加入了 overthrow-enabled 所以 插件要给一个 overthrow 不然会报错
报这个错怎么解决呢
博主你好,我试着改了一下源码,请问一下如何设置分钟的时间间隔为10分钟,分钟初始化的时候为00
缓动效果未结束时点击取消确定报错
看了下代码是setInterval计时器内的代码引起的
使用date字体正常,datetime字体会变大。
和swiper会有一些兼容问题,比如z-index设置的过小导致弹出框出不来
我现在用了一个layaair的引擎 想用你这个组件 但是他们不允许有css的插件 js倒是可以用 大神能把css整合进去不
一直报错:Uncaught TypeError: Cannot read property 'querySelector' of null,
找不到原因,请作者帮忙
日期怎么只到2019年啊,我看这个写着最大都是2099年的啊!怎么 显示才到2019年
博主。 这个应该怎么让他同时适配页面端和移动端?
在一个页面中,多个Input加载日期选择控件,类型都为“date”日期选择。无论点击哪一个输入框,加载的都是最后一个输入框的日期,并且确认后返回的值也是在最后一个输入框中。
哪怕截图也好啊
input框通过id初始化时间插件后,不断点击input框会不断的弹出时间插件;然后时间就选不上,希望博主抽时间解决一下
设置了过去的某个时间为最大日期上限,年显示不出来 日期也没有按设置的显示
我设置了 data-lcalendar="2011-01-11,2016-12-31"
画面年份选择2014年,这个时候月份从11变12,这个时候年就会变成2013
一下几种情况都会出现年份变化的现象
1,月份选择1月,手势从上往下
2,月份选择12月,手势从下玩上
3,日期选择1号,手势从上往下
4,日期选择该月份的最后一日,手势从下往上
如果在控件中双击年份、月份等位置,选择完成后时间会变成NaN,求楼主解决。谢谢
在移动端,快速上下滑动秒,在动画还没有停下来的情况下点击确定,会有死循环报错
LCalendar.js:443 Uncaught TypeError: Cannot read property 'querySelector' of null
而且重现率非常的高。不只是秒。年也会这样,只要是那种选择比较多。动画比较长的久会出现,
我修改了一下。
在重置时间节点和重置日期节点中加了个
try{
var time_hh = _self.gearDate.querySelector(".time_hh");
}catch(err){}
这样就避免报错了。但是也有一个小问题,那就是只有等到动画结束后才能点击确定。这样才能选择上,不让选择不上。当然这样也比死循环报错好点,希望博主改正一下;
最后🙏感谢博主无私贡献,
在661行,希望能改一下
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.