Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法


Posted in Javascript onAugust 18, 2016

遇到的问题:

laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的问题(safari下也有同样问题);

解决办法:

给laydate绑定id;

解决前代码:

<input id="startTime" placeholder="请输入开始时间" class="laydate-icon"
onClick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
<br>
<br>
<input id="endTime" placeholder="请输入结束时间" class="laydate-icon"
onClick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">

解决后代码:

<input id="startTime" placeholder="请输入开始时间" class="laydate-icon"
onClick="laydate({elem: '#startTime', istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
<br>
<br>
<input id="endTime" placeholder="请输入结束时间" class="laydate-icon"
onClick="laydate({elem: '#endTime', istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">

以上所述是小编给大家介绍的Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery 版本的文本输入框检查器Input Check
Jul 09 Javascript
ext 同步和异步示例代码
Sep 18 Javascript
js原型链原理看图说明
Jul 07 Javascript
js与jQuery 获取父窗、子窗的iframe
Dec 20 Javascript
JS获取计算机mac地址以及IP的实现方法
Jan 08 Javascript
使用jQueryMobile实现滑动翻页效果的方法
Feb 04 Javascript
javascript实现继承的简单实例
Jul 26 Javascript
Vue系列:通过vue-router如何传递参数示例
Jan 16 Javascript
浅谈js中同名函数和同名变量的执行问题
Feb 12 Javascript
JS查找英文文章中出现频率最高的单词
Mar 20 Javascript
AngularJS中ng-class用法实例分析
Jul 06 Javascript
vue项目优化之通过keep-alive数据缓存的方法
Dec 11 Javascript
jQuery fadeOut 异步实例代码详解
Aug 18 #Javascript
AngularJS 工作原理详解
Aug 18 #Javascript
js H5 canvas投篮小游戏
Aug 18 #Javascript
jQuery过滤选择器经典应用
Aug 18 #Javascript
jQuery表单事件实例代码分享
Aug 18 #Javascript
Angularjs结合Bootstrap制作的一个TODO List
Aug 18 #Javascript
AngularJS 执行流程详细介绍
Aug 18 #Javascript
You might like
php面向对象全攻略 (五) 封装性
2009/09/30 PHP
PHP+MySQL修改记录的方法
2015/01/21 PHP
PHP数字前补0的自带函数sprintf 和number_format的用法(详解)
2017/02/06 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
JavaScript 组件之旅(二)编码实现和算法
2009/10/28 Javascript
jquery offset函数应用实例
2012/11/14 Javascript
angular中使用路由和$location切换视图
2015/01/23 Javascript
JavaScript原生对象之Date对象的属性和方法详解
2015/03/13 Javascript
JavaScript中的pow()方法使用详解
2015/06/15 Javascript
js 动态生成json对象、时时更新json对象的方法
2016/12/02 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
2017/01/13 Javascript
使用vue.js实现checkbox的全选和多个的删除功能
2017/02/17 Javascript
JS图片轮播与索引变色功能实例详解
2017/07/06 Javascript
详解Vue学习笔记进阶篇之列表过渡及其他
2017/07/17 Javascript
Vue Socket.io源码解读
2018/02/07 Javascript
解决vue项目F5刷新mounted里的函数不执行问题
2019/11/05 Javascript
vue组件传值的实现方式小结【三种方式】
2020/02/05 Javascript
JS call()及apply()方法使用实例汇总
2020/07/11 Javascript
vue自动添加浏览器兼容前后缀操作
2020/08/13 Javascript
python批量生成本地ip地址的方法
2015/03/23 Python
浅述python中argsort()函数的实例用法
2017/03/30 Python
为什么说Python可以实现所有的算法
2019/10/04 Python
Python稀疏矩阵及参数保存代码实现
2020/04/18 Python
使用Python实现NBA球员数据查询小程序功能
2020/11/09 Python
Python基于argparse与ConfigParser库进行入参解析与ini parser
2021/02/02 Python
CSS3实现超慢速移动动画效果非常流畅无卡顿
2014/06/15 HTML / CSS
台湾母婴用品购物网站:Infant婴之房
2018/06/15 全球购物
中英双版中文教师求职信
2013/10/27 职场文书
党的群众路线教育实践活动实施方案
2014/10/31 职场文书
幼儿园开学报名通知
2015/07/16 职场文书
九不准学习心得体会
2016/01/23 职场文书
pytorch Dropout过拟合的操作
2021/05/27 Python
详解Python内置模块Collections
2022/03/22 Python
关于JS中的作用域中的问题思考分享
2022/04/06 Javascript
Mysql开启外网访问
2022/05/15 MySQL
python解析照片拍摄时间进行图片整理
2022/07/23 Python