关于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 相关文章推荐
这些年、我收集的JQuery代码小结
Aug 01 Javascript
append和appendTo的区别以及appendChild用法
Dec 24 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
Jun 05 Javascript
js运动动画的八个知识点
Mar 12 Javascript
理解javascript封装
Feb 23 Javascript
Javascript中的迭代、归并方法详解
Jun 14 Javascript
json与jsonp知识小结(推荐)
Aug 16 Javascript
如何利用模板将HTML从JavaScript中抽离
Oct 08 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
Jan 26 Javascript
JS对象深度克隆实例分析
Mar 16 Javascript
vue2.0+ 从插件开发到npm发布的示例代码
Apr 28 Javascript
SpringBoot在yml配置文件中配置druid的操作
Nov 16 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
第十三节--对象串行化
2006/11/16 PHP
php heredoc和phpwind的模板技术使用方法小结
2008/03/28 PHP
php实现的太平洋时间和北京时间互转的自定义函数分享
2014/08/19 PHP
PHP Curl模拟登录微信公众平台、新浪微博实例代码
2016/01/28 PHP
PHP获取页面执行时间的方法(推荐)
2016/12/10 PHP
用JavaScript获取网页中的js、css、Flash等文件
2006/12/20 Javascript
javascript showModalDialog模态对话框使用说明
2009/12/31 Javascript
jquery操作checkbox示例分享
2014/07/21 Javascript
jQuery延迟加载图片插件Lazy Load使用指南
2015/03/25 Javascript
基于jQuery实现仿51job城市选择功能实例代码
2016/03/02 Javascript
总结JavaScript设计模式编程中的享元模式使用
2016/05/21 Javascript
详解promise.then,process.nextTick, setTimeout 以及 setImmediate的执行顺序
2018/11/21 Javascript
JS数组进阶示例【数组的几种函数用法】
2020/01/16 Javascript
vue 组件间的通信之子组件向父组件传值的方式
2020/07/29 Javascript
用Python的线程来解决生产者消费问题的示例
2015/04/02 Python
举例讲解Python的lambda语句声明匿名函数的用法
2016/07/01 Python
python anaconda 安装 环境变量 升级 以及特殊库安装的方法
2017/06/21 Python
深入浅析Python中的yield关键字
2018/01/24 Python
Django集成CAS单点登录的方法示例
2019/06/10 Python
pytorch 输出中间层特征的实例
2019/08/17 Python
Linux下升级安装python3.8并配置pip及yum的教程
2020/01/02 Python
Pycharm 2020年最新激活码(亲测有效)
2020/09/18 Python
Python 高效编程技巧分享
2020/09/10 Python
写求职信要注意什么问题
2014/04/12 职场文书
小学生寒假家长评语
2014/04/16 职场文书
小学生中国梦演讲稿
2014/04/23 职场文书
网络优化专员求职信
2014/05/04 职场文书
学校安全工作汇报材料
2014/08/16 职场文书
青年文明号申报材料
2014/12/23 职场文书
百年孤独读书笔记
2015/06/29 职场文书
初一英语教学反思
2016/02/15 职场文书
创业计划书之闲置物品置换中心
2019/12/25 职场文书
python-opencv 中值滤波{cv2.medianBlur(src, ksize)}的用法
2021/06/05 Python
分享几种python 变量合并方法
2022/03/20 Python
Golang流模式之grpc的四种数据流
2022/04/13 Golang
MySQL数据库配置信息查看与修改方法详解
2022/06/25 MySQL