解决在layer.open中使用时间控件laydate失败的问题

网络编程 2024/12/26 佚名

2 0 1

蝙蝠岛资源网 Design By www.hbtsch.com

今天有个需要，用户进入页面的时候，弹出一个弹窗，弹窗中选择一个时间，弹窗大概是这样的：

我的思路是，先在页面写好弹窗内容，然后使用lay.open设置content即可：

<div id="layopen">
  时间：<input type="text" id="time"></input>
</div>

layer.open({
  content: $("#layout").html(),
  success: function(){
    laydate({
      "elem": "#time"
    });
  }
});

执行，发现无论怎么点击输入框，时间控件都出不来，也就是说，这种写法下，laydate失效了。然后在官网中找到一个帖子上说，把content: $("#layout").html()改成content: $("#layout")即可，惊喜的发现真的可以，效果如下：

效果是实现了，可是顶部的[object object]是什么鬼？

一开始，通过css将顶部的[object object]隐藏了，但是总觉得很别扭。然后经过一番折腾之后发现，其实只要指定下层的类型为页面层就可以完美的解决这个问题：

layer.open({
  layer: 1,
  content: $("#layout").html(),
  success: function(){
    laydate({
      "elem": "#time"
    });
  }
});

注：使用的版本分别为layer3.x.x.，laydate1.x.x，其他版本搭配是否可以直接设置时间未测试。

以上这篇解决在layer.open中使用时间控件laydate失败的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

layer,open,laydate

标签：

layer,open,laydate

蝙蝠岛资源网 Design By www.hbtsch.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

蝙蝠岛资源网 Design By www.hbtsch.com

评论“解决在layer.open中使用时间控件laydate失败的问题”

暂无解决在layer.open中使用时间控件laydate失败的问题的评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年12月26日

解决在layer.open中使用时间控件laydate失败的问题

layer,open,laydate

js简单的分页器插件代码实例

关于ckeditor在bootstrap中modal中弹框无法输入的解决方法

评论“解决在layer.open中使用时间控件laydate失败的问题”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接