如何解决layui时间控件回显不准确的问题?

更新于
2026-09-29 20:50:09
1阅读来源:SEO资源
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计343个文字,预计阅读时间需要2分钟。

如何解决layui时间控件回显不准确的问题?

当我们请求接口时,将得到以下数据并回显:- 获取到的系统当前时间

解决方法:使用layui.config配置静态资源路径。例如:

javascriptlayui.config({ base: './Public/layuiadmin/', // 静态资源所在路径}).extend({ index: 'lib/index' // 主入口模块});

当我们请求接口时 将得到的数据 进行回显 layui一直是获取了当前的系统时间 进行回显

解决办法

layui.config({ base: './Public/layuiadmin/' //静态资源所在路径 }).extend({ index: 'lib/index' //主入口模块 }).use('index'); layui.use(['laydate','form','table'], function(){ var laydate = layui.laydate; var table = layui.table; var form = layui.form; //监听行工具事件 table.on('tool(test)', function(obj) { var d = obj.data; var c = d.type_title; console.log(c); form.val("formTest", { "edit_type_title": c }); var r = d.str_time; try { laydate.render({ elem: '#start', value: new Date(r) //参数即为:2018-07-20 00:00:00 的时间戳 }); } catch(e) { $("#start").val(r); //开始时间 } var e = d.end_time; try { laydate.render({ elem: '#end', value: new Date(e) //参数即为:2018-08-20 00:00:00 的时间戳 }); } catch(e) { $("#end").val(e); //结束时间 } }); //常规用法 laydate.render({ elem: '#start1' }); //常规用法 laydate.render({ elem: '#end1' }); //常规用法 laydate.render({ elem: '#start' }); //常规用法 laydate.render({ elem: '#end' }); });

这里是该功能进行编辑时 出现问题的时候进行解决的

如何解决layui时间控件回显不准确的问题?

以上这篇关于layui时间回显问题的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。

本文共计343个文字,预计阅读时间需要2分钟。

如何解决layui时间控件回显不准确的问题?

当我们请求接口时,将得到以下数据并回显:- 获取到的系统当前时间

解决方法:使用layui.config配置静态资源路径。例如:

javascriptlayui.config({ base: './Public/layuiadmin/', // 静态资源所在路径}).extend({ index: 'lib/index' // 主入口模块});

当我们请求接口时 将得到的数据 进行回显 layui一直是获取了当前的系统时间 进行回显

解决办法

layui.config({ base: './Public/layuiadmin/' //静态资源所在路径 }).extend({ index: 'lib/index' //主入口模块 }).use('index'); layui.use(['laydate','form','table'], function(){ var laydate = layui.laydate; var table = layui.table; var form = layui.form; //监听行工具事件 table.on('tool(test)', function(obj) { var d = obj.data; var c = d.type_title; console.log(c); form.val("formTest", { "edit_type_title": c }); var r = d.str_time; try { laydate.render({ elem: '#start', value: new Date(r) //参数即为:2018-07-20 00:00:00 的时间戳 }); } catch(e) { $("#start").val(r); //开始时间 } var e = d.end_time; try { laydate.render({ elem: '#end', value: new Date(e) //参数即为:2018-08-20 00:00:00 的时间戳 }); } catch(e) { $("#end").val(e); //结束时间 } }); //常规用法 laydate.render({ elem: '#start1' }); //常规用法 laydate.render({ elem: '#end1' }); //常规用法 laydate.render({ elem: '#start' }); //常规用法 laydate.render({ elem: '#end' }); });

这里是该功能进行编辑时 出现问题的时候进行解决的

如何解决layui时间控件回显不准确的问题?

以上这篇关于layui时间回显问题的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持易盾网络。