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

更新时间：2016年08月18日 10:58:34 作者：Timachine

这篇文章主要介绍了Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法,需要的朋友可以参考下

遇到的问题:

　　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中拼接大量字符串的方法,本文实现的就是JS语言中的Heredoc语法,需要的朋友可以参考下
2015-02-02
微信小程序实现手指触摸画板
这篇文章主要为大家详细介绍了微信小程序实现手指触摸画板，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-07-07
js实现浮动在网页右侧的简洁QQ在线客服代码
这篇文章主要介绍了js实现浮动在网页右侧的简洁QQ在线客服代码,通过简单的自定义函数控制客服图片的显示与隐藏效果,非常具有实用价值,需要的朋友可以参考下
2015-09-09
JavaScript实现的商品抢购倒计时功能示例
这篇文章主要介绍了JavaScript实现的商品抢购倒计时功能,可实现分秒级别的实时显示倒计时效果,涉及js日期时间计算与页面元素动态操作相关技巧,需要的朋友可以参考下
2017-04-04
JavaScript 判断浏览器是否是IE
这篇文章主要介绍了JavaScript 判断浏览器是否是IE，帮助大家更好的理解和学习前端知识，感兴趣的朋友可以了解下
2021-02-02
javascript 24点游戏代码
非常不错的技术24点的游戏代码，他的算法值得学习，希望喜欢游戏的朋友，可以来看看
2008-06-06
JavaScript函数获取事件源的小例子
这篇文章主要介绍了JavaScript函数获取事件源具体实现，需要的朋友可以参考下
2014-05-05
js实现在同一窗口浏览图片
在同一窗口浏览图片的方法有很多，本例要为大家介绍的是使用js获取img的src属性后进行替换
2014-09-09
JS实现放大镜效果
这篇文章主要为大家详细介绍了JS实现放大镜效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-09-09
JavaScript中获取鼠标位置相关属性总结
这篇文章主要介绍了JavaScript中获取鼠标位置相关属性总结,本文重点在搞清楚这些属性的区别,需要的朋友可以参考下
2014-10-10