栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/73432.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号