- 博客(12)
- 收藏
- 关注
RSS订阅原创 layui附件上传的图片预览功能实现
在项目中添加页面需要添加一个拖拽或者点击上传的模块，生成一个多文件列表。点击或者拖拽图片，将生成一条数据显示在表头下方，点击图片名弹出一个layui弹窗预览图片//多文件列表示例 var allowUploadFile='.xls .xlsx .doc .docx .pdf .ppt .pptx .png .jpg'; var demoListView = $('#demoList') , uploadListIns = upload.render({ .
2022-01-06 14:29:07
1141
原创 layui checkbox 从数据库查询出来动态生成
layui checkbox 从数据库查询出来动态生成在制作线上联络单时，涉及到接收部门的获取，需要动态查询数据库中的部门并显示在界面，这边是页面加载的时候用ajax调用接口请求数据返回，然后绑定到界面上，但是感觉在加载的时候执行了ajax，但是页面上没有显示出数据，后来发现这个坑很简单，只是忘记动态创建完成后用 form.render();重新渲染。//css代码<body class="childrenBody"><form class="layui-form" id="
2021-07-20 16:50:32
488
原创 移动端Jdate时间控件弹出软键盘
移动端Jdate时间控件禁止弹出软键盘使用jdate时间控件来制作移动端时，点击上方的物品栏填写内容，光标将停留在物品栏，填写完毕选择时间时，光标还是停留在物品栏，虽然不影响选择的时间依旧是显示在时间栏，但是光标一直停留在物品输入框，会触发手机软键盘，选择时间的时候影响用户体验。如下图显示，很不友好。这边我们需要了解jdate时间控件是怎么编写的，下面附上完整参数，方法实例的代码图片这样的话，思路就清晰了，只需要在init:function(){}中给物品栏添加选择时间，物品栏失去焦点事
2021-06-23 10:27:45
311
原创 JS动态获取年月日并且是两位年份和英文月份
JS动态获取年月日并且是两位年份和英文月份在做外单出货标签模板时，需要动态获取出货时间，并且要是数字/英文/两位年份的格式，例如4/June/21这样的格式，拆分来思考，获取年份转换为获取两位年份 var date = new Date(); var year = date.getFullYear(); var year = year < 2000 ? year + 1900 : year;//两位 yy = year.toString().substr(2, 2); cons
2021-06-04 14:51:02
1824
原创 js 获取当前日期，计算往后三个月的日期
js 获取当前日期，计算往后三个月的日期合同管理中的试用期，即当前入职时间（年月日）与到三个月试用期的时间（年月日）//css .Partyinp{ width: 40px; height: 20px; display: inline-block; border:none; border-bottom: 1px solid #464444; text
2020-12-15 15:34:33
7164
1
原创 js 获取当前的年月日，合同固定期限自动生成，并计算三年后的日期
js 获取当前的年月日，固定期限自动生成，并计算三年后的日期合同管理中的固定期限，即当前入职时间（年月日）与合同到期时间（年月日） .Partyinp{ width: 40px; height: 20px; display: inline-block; border:none; border-bottom: 1px solid #464444;
2020-12-15 14:42:30
1636
原创 layui 点击日期不能弹出问题
layui 点击日期控件框闪退问题点击layui日期控件选择时间，但却出现闪退的问题，经过排查，应该是移动端的游览器窗口高度不足，控件自动计算偏移，导致鼠标点击时落在时间选择框内从而令input框失去焦点后触发时间选择框自动隐藏。解决方法：在laydate配置项中添加trigger:'click’即可 laydate.render({ elem: '#fristdate' ,type: 'datetime' ,trigge
2020-11-16 08:43:07
2681
原创 三级菜单导航以及其中a标签的嵌套问题
三级菜单导航以及其中a标签的嵌套问题我原先的导航是二级导航。因项目需要，现在要在右侧导航栏添加三级导航，查找了很多资料，都是用div里面ul li写的示例，而我的导航里面需要a标签嵌套文字实现跳转功能。所以我在需要三级导航的a标签里面再次嵌套了一个a标签。如下示例： <li class="layui-nav-item" pc> <a href="javascript:;"> <i class="layui-icon"><cite&g
2020-09-04 11:02:10
539
原创 js轻松解决当页面分辨率缩小时，引用的highcharts插件显示的图形报表被压缩问题
js轻松解决当页面分辨率缩小时，引用的highcharts插件显示的图形报表被压缩问题----引用highcharts插件后，当后台数据动态生成图形报表显示在电脑页面上时，图形报表大小被浏览器压缩，显示内容缺失。用js给定的百分比大小，遇到分辨率小之后，页面还是会缺失。也尝试过媒体查询，无效。在这里不妨用js判断来做。//首先要获取浏览器的宽高 var height = window.screen.height; var width = window.screen.width;//用else
2020-07-17 10:12:45
383
原创 用JS获取浏览器的可见宽高
用JS获取浏览器的可见宽高当涉及到不同的页面大小适配，不了解电脑尺寸大小，可以用clientwidth,clientheight来获取宽高。//js获取浏览器可见宽高 $(function () { console.log(document.body.clientWidth ) console.log(document.body.clientHeight ) })...
2020-06-22 09:57:49
256
原创 layui根据不同分辨率弹出不同比例的窗口（弹出层）
layui根据不同分辨率弹出不同比例的窗口（弹出层）当电脑页面分辨率较低，页面造成坍塌问题，给不同分辨率的页面设置不同的弹窗百分比大小，问题就解决了。$("#doupload").click(function () { layer.open({ title: "上传文件", scrollbar: false, type: 2, //弹出层 content: "/views/upload"
2020-06-18 17:30:10
1737
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人