关于layui时间回显问题的解决方法


Posted in Javascript onSeptember 24, 2019

当我们请求接口时 将得到的数据 进行回显 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时间回显问题的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS实现多物体缓冲运动实例代码
Nov 29 Javascript
location.href用法总结(最主要的)
Dec 27 Javascript
深入探究AngularJS框架中Scope对象的超级教程
Jan 04 Javascript
详解Node.js模块间共享数据库连接的方法
May 24 Javascript
DOM中事件处理概览与原理的全面解析
Aug 16 Javascript
node.js实现博客小爬虫的实例代码
Oct 08 Javascript
Dropzone.js实现文件拖拽上传功能(附源码下载)
Nov 22 Javascript
JS正则匹配中文的方法示例
Jan 06 Javascript
深入理解React中何时使用箭头函数
Aug 23 Javascript
详解如何在vue项目中使用layui框架及采坑
May 05 Javascript
JS替换字符串中指定位置的字符(多种方法)
May 28 Javascript
vue实力踩坑之push当前页无效
Apr 10 Vue.js
Vue之Mixins(混入)的使用方法
Sep 24 #Javascript
JavaScript Array对象使用方法解析
Sep 24 #Javascript
详解简单易懂的 ES6 Iterators 指南和示例
Sep 24 #Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
Sep 24 #Javascript
基于layui的下拉列表的数据回显方法
Sep 24 #Javascript
Layui动态生成select下拉选择框不显示的解决方法
Sep 24 #Javascript
layui动态渲染生成select的option值方法
Sep 23 #Javascript
You might like
注释PHP和html混合代码的小技巧(分享)
2016/11/03 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
windows系统php环境安装swoole具体步骤
2021/03/04 PHP
扩展String功能方法
2006/09/22 Javascript
JAVASCRIPT IE 与 FF中兼容问题小结
2009/02/18 Javascript
支持ie与FireFox的剪切板操作代码
2009/09/28 Javascript
Jquery插件之打造自定义的select标签
2011/11/30 Javascript
jquery实现更改表格行顺序示例
2014/04/30 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
2015/09/01 Javascript
获取JS中网页各种高宽与位置的方法总结
2016/07/27 Javascript
AngularJs基于角色的前端访问控制的实现
2016/11/07 Javascript
js图片轮播手动切换特效
2017/01/12 Javascript
angular.js指令中的controller、compile与link函数的不同之处
2017/05/10 Javascript
javascript 封装Date日期类实例详解
2017/05/28 Javascript
Vue 路由 过渡动效 数据获取方法
2018/07/31 Javascript
eslint 的三大通用规则详解
2019/05/16 Javascript
JavaScript Tab菜单实现过程解析
2020/05/13 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
2020/06/05 Javascript
详解Python中__str__和__repr__方法的区别
2015/04/17 Python
在python中利用最小二乘拟合二次抛物线函数的方法
2018/12/29 Python
Python小程序 控制鼠标循环点击代码实例
2019/10/08 Python
Python面向对象之私有属性和私有方法应用案例分析
2019/12/31 Python
jupyter notebook读取/导出文件/图片实例
2020/04/16 Python
python使用ctypes库调用DLL动态链接库
2020/10/22 Python
CSS3属性选择符介绍
2008/10/17 HTML / CSS
html5移动端价格输入键盘的实现
2019/09/16 HTML / CSS
Dillard’s百货官网:Dillards.com
2018/05/26 全球购物
求职简历自荐信范文
2013/10/21 职场文书
工程师岗位职责
2013/11/08 职场文书
先进教育工作者事迹材料
2014/12/23 职场文书
党建工作汇报材料
2014/12/24 职场文书
车队安全员岗位职责
2015/02/15 职场文书
校园文化艺术节开幕词
2016/03/04 职场文书
大学毕业生自我鉴定范文
2019/06/21 职场文书
Python实现DBSCAN聚类算法并样例测试
2021/06/22 Python
Vue如何清空对象
2022/03/03 Vue.js