layui框架中出现laydate.render is not a function等问题

最新推荐文章于 2023-10-09 10:25:20 发布
最新推荐文章于 2023-10-09 10:25:20 发布
阅读量1.6w 收藏 1
点赞数 2
分类专栏： 软件及电脑硬件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/meihuasheng/article/details/103211485
版权

相信很多人都会使用网上的X-admin等等后台模板，而里面的样式都是用的layui。而有的时候就会发现，要自己写的样式的话就会老是报laydate.render is not a function的错误，还有其他种种。。。在这里可以统一说明

layui是有两个版本的，一个1.0一个2.0，两者区别很大，而X-admin中使用的layui是1.0的，如果你去套用2.0版本的样式就会老是出现laydate.render is not a function错误，还有其他错误也是同理的，这个坑可要好好明了。。。。

liusongjing
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Nuxt2/3 - 报错 TypeError: renderContext.renderResourceHints is not a function（nuxt运行或开发中出现报错，详细解决方案教程）
王佳斌
04-30 3442
nuxt2，nuxt3，vue，nuxt报错，nuxt运行提示错误，TypeError: renderContext.renderResourceHints is not a function，详细解决方法，nuxt依旧报错怎么办，nuxt.js提示renderContext.renderResourceHints，怎么解决这个问题，详细教程，renderContext.renderResourceHints is not a function报错解决，浏览器控制台报错，NUXT框架出错，降级还是报错，vu
laydate插件之坑——渲染问题
wmq1314lql的博客
08-16 1万+
最近项目使用了laydate.js这个时间插件。自从这个插件升级后确实还挺好用的，在选择时间上操作非常简单： laydate.render({ elem: '#test' //或 elem: document.getElementById('test')、elem: lay('#test') 等 }); 通过elem绑定元素后，就可以使用了。（记得elem:'#text'中的这个#不要落下...
基于layui的laydate，在加载后台数据时laydate.render()不起作用。
weixin_30449239的博客
06-26 4576
1. 以前有过一次折磨的经历。第一时间没记起来。先看图 　　1.1 后台数据加载出来的效果 　　 　　1.2 点击选择时间后弹出日期格式不合法 　　 　　1.3 合法数据 　　 2. 代码片段 <script type="text/javascript"> var layData = [ 'form', 'laydate' ]; la...
layui的日期和时间组件 - laydate
Majker的专栏
06-25 4024
目录 目录 1.单时间 1.1 效果图 1.2 实现代码 2.时间区间 2.1效果图 2.2 实现代码 3.Uncaught TypeError: laydate.render is not a function 3.1 BUG截图 3.2 debug 4. 素材 最近在用layui开发后台,在使用layui提供的时间插件时,发现控制台报错:laydat...
laydate.render is not a function
热门推荐
被流放的程序猿
09-12 2万+
最近在用layui开发后台,在使用layui提供的时间插件时发下控制台爆laydate.render is not a function,当时就很费解,仔细阅读了API用法,还是不行,又在官网重新下载的js,但是依然一样的错,没办法只能去了解js代码了,发现js中根本就没有render方法,只能自己写了一个,我不知道是我下载错了还是怎么,自己写好之后就能用了,如果谁也出现这个错误,使用下面的js和
laydate.js
09-13
layui时间插件,更新其中个的js代码,添加render 方法,这样在使用时间的插件的时候,直接按照官网API的方式去引入即可使用
关于layui中tree组件使用报错tree.render is not a function
weixin_44554896的博客
03-27 1万+
解决方案一：可能你是用的layui的版本为2.5之前的版本，他将不被兼容， 因此既，你需要将layui的版本改为2.5.4之后的版本。记住，是整个插件的要更改。 解决方案二：可以看看引入tree插件时用的是否是单引号，是的话改为双引号，然后清除缓存。 ...
关于layui admin 使用tree组件报 tree.render is not a function
Admin_yws的博客
12-01 1万+
这里的layui.js 与 layui.all.js 均为layui-v2.5.5版本替换成最新版本，最新版本可从layui官方获取 然后再将layuiadmin 目录中的layui中的lay中的modules替换成最新版本，即可解决问题啦！！ ps: layui文件中的这几个文件也需替换成最新版本 ...
layui中tree组件使用报错tree.render is not a function
weixin_44547914的博客
05-22 3526
Uncaught TypeError：tree.render is not a function at n .<anonymous><tree:21> at c (layui.js?111:2) at r (layui.js?111:2) 解决方案一：可能你是用的layui的版本为2.5之前的版本，他将不被兼容， 因此既，你需要将layui的版本改为2.5.4之后的版本。记住，是整个插件的要更改。 解决方案二：可以看看引入tree插件时用的是否是单引号，是的话改为双引号
解决koa2 ctx.render is not a function报错问题
10-18
主要介绍了解决koa2 ctx.render is not a function报错问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
layui数据表格 table.render 报错的解决方法
10-16
今天小编就为大家分享一篇layui数据表格 table.render 报错的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
JS中出现“$(...).dropdown is not a function”错误的解决
干勾鱼的CSDN博客
01-29 9346
使用bootstrap展示一个导航，众所周知使用bootstrap一般是需要加入jquery的，在我的js中出现了一个错误：$(...).dropdown is not a function如图所示：开始怎么也没发现错误，后来发现网上有出现这个问题的解释：说的很明确了，是jquery的js与bootstrap的js的顺序问题，jquery的js应该在前面。我的js开始顺序为：<script type
使用layui前台html页面报Uncaught TypeError: $ is not a function
harbor_lee的博客
09-24 4046
layui内部引用了jquery，html页面直接引用了layui，所以html页面引用的自定义的js文件并不能识别是个啥。layui.是个啥。layui.是个啥。layui.应该是layui对jquery $的封装。所以自定义的js文件中声明一句var $ = layui.，且要使用，且要使用，且要使用的地方必须位于该句声明之下，否则还是报错，js就是有这种顺序性，没办法。我报该错，就是因为虽然声明了，但声明在使用之后，导致还是识别不了。 参考文章https://blog.csdn.net/ni_new_
layui报错Uncaught TypeError: tree is not a function
qq_41015868的博客
08-28 8575
layui报错Uncaught TypeError: tree is not a function tree({ elem: “#classtree” , data: data , click: function (node) { var $select = ((((this)[0].elem).parents(".layui-form-select"); $select.removeClass(...
layui TreeSelect报错 layui.tree is not a function
最新发布
不想逃离的博客
10-09 331
下载treeselect 会报layui.tree is not a function。把layui.tree修改为。
layui报错：Uncaught TypeError: f.parents is not a function
m0_64008647的博客
07-09 1249
我在用layui创建模态窗口时，发现打不开，检查控制台报错：Uncaught TypeError: f.parents is not a function，且检测到layui.js中有个s.parents有个红色波浪线。我找过一些资料，说是把layer.open({ type: 1}中的type改成2，就不会报错了，也确实没再报错，但是注意了！3、第三种方法，我要特地说明一下，虽说以上两种是最普遍的，但是我两者都不属于，话不多说，直接上代码。参数设置为 2 时，意味着你打开的是一个 iframe 层，
【JS】datatable库使用报错：Uncaught TypeError: datatable.rows is not a function
2024 做自己的太阳
03-13 5904
代码 &lt;button id="table_id_example_button"&gt;获取选中的行&lt;/button&gt; &lt;table id="table_id_example" class="display"&gt; &lt;thead&gt; &lt;tr&gt;
layui 2.8 layui.upload.render(...).removeFile is not a function
06-01
在 layui 2.x 版本中，`layui.upload.render()` 返回的是一个 Upload 实例，所以可以直接调用它的 `remove()` 方法来删除实例。示例如下： ```javascript // 先获取实例对象 var uploadInst = layui.upload.render({ elem: '#test', url: '/upload/', done: function(res) { console.log(res); } }); // 调用实例对象的 remove 方法来删除实例 uploadInst.remove(); ``` 如果你想在删除实例之后重新初始化，可以再次调用 `layui.upload.render()` 来初始化。需要注意的是，如果你不在意上传组件的实例对象，也可以使用 `layui.upload()` 来进行初始化。示例如下： ```javascript // 先删除之前的实例 var uploadInst = layui.upload.render({ elem: '#test', url: '/upload/', done: function(res) { console.log(res); } }).remove(); // 再进行新的初始化 layui.upload.render({ elem: '#test', url: '/upload/', done: function(res) { console.log(res); } }); ``` 这样就可以避免重复初始化的问题了。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值