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 相关文章推荐
js文字滚动停顿效果代码
Jun 28 Javascript
javascript插入样式实现代码
Feb 22 Javascript
表单序列化与jq中的serialize使用示例
Feb 21 Javascript
解决bootstrap中modal遇到Esc键无法关闭页面
Mar 09 Javascript
jQuery.Highcharts.js绘制柱状图饼状图曲线图
Mar 14 Javascript
详解javascript遍历方式
Nov 11 Javascript
underscore之Chaining_动力节点Java学院整理
Jul 10 Javascript
vue-router 导航钩子的具体使用方法
Aug 31 Javascript
JavaScript生成指定范围随机数和随机序列的方法
May 05 Javascript
React styled-components设置组件属性的方法
Aug 07 Javascript
Vue-router 切换组件页面时进入进出动画方法
Sep 01 Javascript
html中两种获取标签内的值的方法
Jun 16 jQuery
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修改xml文档内容的方法
2015/01/23 PHP
详解php curl带有csrf-token验证模拟提交方法
2018/04/18 PHP
PHP的PDO大对象(LOBs)
2019/01/27 PHP
Js 订制自己的AlertBox(信息提示框)
2009/01/09 Javascript
JS网页播放声音实现代码兼容各种浏览器
2013/09/22 Javascript
JQuery解析HTML、JSON和XML实例详解
2014/03/29 Javascript
JavaScript编写连连看小游戏
2015/07/07 Javascript
php基于redis处理session的方法
2016/03/14 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
浅谈Vuejs Prop基本用法
2017/08/17 Javascript
使用JS获取SessionStorage的值
2018/01/12 Javascript
three.js 入门案例详解
2018/01/23 Javascript
node错误处理与日志记录的实现
2018/12/24 Javascript
js获取 gif 的帧数的代码实例
2019/09/10 Javascript
python单链表实现代码实例
2013/11/21 Python
python单元测试unittest实例详解
2015/05/11 Python
Python之父谈Python的未来形式
2016/07/01 Python
Python实现复杂对象转JSON的方法示例
2017/06/22 Python
Python命令行解析模块详解
2018/02/01 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
Python全栈之列表数据类型详解
2019/10/01 Python
在python tkinter界面中添加按钮的实例
2020/03/04 Python
python读取hdfs上的parquet文件方式
2020/06/06 Python
巧用CSS3 border实现图片遮罩效果代码
2012/04/09 HTML / CSS
html5指南-4.使用Geolocation实现定位功能
2013/01/07 HTML / CSS
台湾生鲜宅配:大口市集
2017/10/14 全球购物
骨干教师培训方案
2014/05/06 职场文书
乡镇八一建军节活动方案
2014/08/24 职场文书
中国古代史学名著《战国策》概述
2019/08/09 职场文书
Python3 类型标注支持操作
2021/06/02 Python
Mybatis-plus在项目中的简单应用
2021/07/01 Java/Android
AJAX实现省市县三级联动效果
2021/10/16 Javascript
mybatis-plus模糊查询指定字段
2022/04/28 Java/Android
Python+SeaTable实现计算两个日期间的工作日天数
2022/07/07 Python
windows server2012 R2下安装PaddleOCR服务的的详细步骤
2022/09/23 Servers