关于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对象的比较
Feb 26 Javascript
JQuery中$(document)是什么意思有什么作用
Jul 21 Javascript
jQuery实现仿Google首页拖动效果的方法
May 04 Javascript
javascript实现网页背景烟花效果的方法
Aug 06 Javascript
Bootstrap网格系统详解
Apr 26 Javascript
bootstrap警告框使用方法解析
Jan 13 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
May 22 Javascript
jQuery操作DOM_动力节点Java学院整理
Jul 04 jQuery
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
使用 node.js 模仿 Apache 小部分功能
Jul 07 Javascript
微信小程序仿抖音短视频切换效果的实例代码
Jun 24 Javascript
vue2.0 解决抽取公用js的问题
Jul 31 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
PHP CKEditor 上传图片实现代码
2009/11/06 PHP
php实现处理输入转义字符的代码
2015/11/08 PHP
Zend Framework过滤器Zend_Filter用法详解
2016/12/09 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
将string解析为json的几种方式小结
2010/11/11 Javascript
jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法
2013/01/04 Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
2013/02/18 Javascript
js异步加载的三种解决方案
2013/03/04 Javascript
使用js判断控件是否获得焦点
2014/01/03 Javascript
js/jquery获取文本框输入焦点的方法
2014/03/04 Javascript
Nodejs如何搭建Web服务器
2016/03/28 NodeJs
使用jquery提交form表单并自定义action的实现代码
2016/05/25 Javascript
使用jquery获取url以及jquery获取url参数的实现方法
2016/05/25 Javascript
原生js实现jquery函数animate()动画效果的简单实例
2016/08/21 Javascript
Vue.js中用v-bind绑定class的注意事项
2016/12/13 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
JS判断数组那点事
2017/10/10 Javascript
从parcel.js打包出错到选择nvm的全部过程
2018/01/23 Javascript
layui+jquery支持IE8的表格分页方法
2019/09/28 jQuery
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
2020/02/01 Javascript
vue实现验证用户名是否可用
2021/01/20 Vue.js
Python中生成器和yield语句的用法详解
2015/04/17 Python
在Python中使用SQLite的简单教程
2015/04/29 Python
python通过get,post方式发送http请求和接收http响应的方法
2015/05/26 Python
自己使用总结Python程序代码片段
2015/06/02 Python
使用Python检测文章抄袭及去重算法原理解析
2019/06/14 Python
python 6种方法实现单例模式
2020/12/15 Python
为世界各地的女性设计和生产时尚服装:ROMWE
2016/09/17 全球购物
基层干部十八大感言
2014/01/19 职场文书
优良学风班申请材料
2014/02/13 职场文书
结婚保证书范文
2014/04/29 职场文书
党员干部一句话承诺
2014/05/30 职场文书
交通工程专业推荐信
2014/09/06 职场文书
学年个人总结范文
2015/03/05 职场文书
教师外出学习心得体会
2016/01/18 职场文书
springboot layui hutool Excel导入的实现
2022/03/31 Java/Android