关于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 相关文章推荐
不错的一个日期输入 动态
Nov 06 Javascript
js 分栏效果实现代码
Aug 29 Javascript
jquery 新手学习常见问题解决方法
Apr 18 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
May 22 Javascript
node.js中的fs.futimes方法使用说明
Dec 17 Javascript
javascript中获取class的简单实现
Jul 12 Javascript
JS 拼凑字符串的简单实例
Sep 02 Javascript
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
Dec 14 Javascript
微信小程序实现皮肤功能(夜间模式)
Jun 18 Javascript
基于ajax和jsonp的原生封装(实例)
Oct 16 Javascript
node.js实现带进度条的多文件上传
Mar 27 Javascript
微信小程序开发打开另一个小程序的实现方法
May 17 Javascript
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
《逃离塔科夫》——“萌新劝退,老手自嗨”的硬核FPS游戏
2020/04/03 其他游戏
PHP 巧用数组降低程序的时间复杂度
2010/01/01 PHP
PHP将HTML转换成文本的实现代码
2015/01/21 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
PHP网页缓存技术优点及代码实例
2020/07/29 PHP
jQuery产品间断向下滚动效果核心代码
2014/05/08 Javascript
全面兼容的javascript时间格式化函数(比较实用)
2014/05/14 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
2016/06/14 Javascript
实例浅析js的this
2016/12/11 Javascript
JavaScript实现网页头部进度条刷新
2017/04/16 Javascript
Nodejs中使用captchapng模块生成图片验证码
2017/05/18 NodeJs
layui中layer前端组件实现图片显示功能的方法分析
2017/10/13 Javascript
详解vue-cli3多环境打包配置
2019/03/28 Javascript
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
详解微信小程序开发(项目从零开始)
2019/06/06 Javascript
vue登录注册实例详解
2019/09/14 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
2020/05/10 Javascript
Vue axios获取token临时令牌封装案例
2020/09/11 Javascript
解决VantUI popup 弹窗不弹出或无蒙层的问题
2020/11/03 Javascript
使用python实现正则匹配检索远端FTP目录下的文件
2015/03/25 Python
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
在Python的Flask框架中使用模版的入门教程
2015/04/20 Python
浅谈numpy数组中冒号和负号的含义
2018/04/18 Python
python实现两个文件夹的同步
2019/08/29 Python
Python常驻任务实现接收外界参数代码解析
2020/07/21 Python
HTML5 CSS3打造相册效果附源码下载
2014/06/16 HTML / CSS
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
美国在线家装零售商:Build.com
2016/09/02 全球购物
Muziker英国:中欧最大的音乐家商店
2020/02/05 全球购物
大专毕业生简历的自我评价
2013/10/20 职场文书
职业生涯规划设计步骤
2014/01/12 职场文书
葬礼司仪主持词
2014/03/31 职场文书
幼儿园区域活动总结
2014/05/08 职场文书
父亲婚礼答谢词
2015/01/04 职场文书
文化大革命观后感
2015/06/17 职场文书
2016三八妇女节校园广播稿
2015/12/17 职场文书