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 相关文章推荐
JavaScript的递归之递归与循环示例介绍
Aug 05 Javascript
使用js对select动态添加和删除OPTION示例代码
Aug 12 Javascript
js实现页面跳转重定向的几种方式
May 29 Javascript
jQuery性能优化技巧分析
Feb 20 Javascript
JavaScript 节流函数 Throttle 详解
Jul 04 Javascript
javascript计算对象长度的方法
Oct 25 Javascript
Angular2学习笔记之数据绑定的示例代码
Jan 03 Javascript
webpack构建的详细流程探底
Jan 08 Javascript
vue导出html、word和pdf的实现代码
Jul 31 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
May 10 Javascript
vue多页面项目中路由使用history模式的方法
Sep 23 Javascript
微信小程序实现分页加载效果
Nov 19 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删除数组中空值的方法介绍
2014/04/14 PHP
PHP的PDO操作简单示例
2016/03/30 PHP
PHP简单操作MongoDB的方法(安装及增删改查)
2016/05/26 PHP
深入讲解PHP的对象注入(Object Injection)
2017/03/01 PHP
php+js实现裁剪任意形状图片
2018/10/31 PHP
php实现统计IP数及在线人数的示例代码
2020/07/22 PHP
bgsound 背景音乐 的一些常用方法及特殊用法小结
2010/05/11 Javascript
jquery移除button的inline onclick事件(已测试及兼容浏览器)
2013/01/25 Javascript
jquery插件validate验证的小例子
2013/05/08 Javascript
浅析jQuery中常用的元素查找方法总结
2013/07/04 Javascript
PHP abstract与interface之间的区别
2013/11/11 Javascript
jquery创建表格(自动增加表格)代码分享
2013/12/25 Javascript
jQuery实现左右切换焦点图
2015/04/03 Javascript
jQuery中toggle()函数的使用实例
2015/04/17 Javascript
javascript中数组和字符串的方法对比
2016/07/20 Javascript
javascript数组遍历的方法实例分析
2016/09/13 Javascript
Bootstrap选项卡动态切换效果
2016/11/28 Javascript
jQuery正则验证注册页面经典实例
2017/06/10 jQuery
VUE中v-model和v-for指令详解
2017/06/23 Javascript
ES10 特性的完整指南小结
2019/03/04 Javascript
JS原型对象操作实例分析
2020/06/06 Javascript
Python中利用原始套接字进行网络编程的示例
2015/05/04 Python
简单介绍Python中的try和finally和with方法
2015/05/05 Python
Python实现的合并两个有序数组算法示例
2019/03/04 Python
详解python路径拼接os.path.join()函数的用法
2019/10/09 Python
linux 下selenium chrome使用详解
2020/04/02 Python
Python如何读写二进制数组数据
2020/08/01 Python
HTML5新增的Css选择器、伪类介绍
2013/08/07 HTML / CSS
HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能
2018/04/23 HTML / CSS
英国著名音像制品和图书游戏购物网站:Zavvi
2016/08/04 全球购物
银行职业规划书范文
2013/12/28 职场文书
地球物理学专业推荐信
2014/09/08 职场文书
世界红十字日活动总结
2015/02/10 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
使用CSS实现小三角边框原理解析
2021/11/07 HTML / CSS
Java Spring Boot 正确读取配置文件中的属性的值
2022/04/20 Java/Android