关于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 相关文章推荐
利用javascript实现一些常用软件的下载导航
Aug 03 Javascript
EasyUI中的tree用法介绍
Nov 01 Javascript
用显卡加速,轻松把笔记本打造成取暖器的办法!
Apr 17 Javascript
详解Angular.js的$q.defer()服务异步处理
Nov 06 Javascript
JavaScript判断浏览器对CSS3属性是否支持的多种方法
Nov 13 Javascript
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
Apr 27 Javascript
Vue.js 实现数据展示全部和收起功能
Sep 05 Javascript
微信小程序整合使用富文本编辑器的方法详解
Apr 25 Javascript
微信小程序图片加载失败时替换为默认图片的方法
Dec 09 Javascript
vue 调用 RESTful风格接口操作
Aug 11 Javascript
利用vue3+ts实现管理后台(增删改查)
Oct 30 Javascript
交互式可视化js库gojs使用介绍及技巧
Feb 18 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做下载文件的实现代码及文件名中乱码解决方法
2011/02/03 PHP
基于php权限分配的实现代码
2013/04/28 PHP
详解使用php-cs-fixer格式化代码
2020/09/16 PHP
javascript Select标记中options操作方法集合
2008/10/22 Javascript
Jquery 一次处理多个ajax请求的代码
2011/09/02 Javascript
Underscore.js 的模板功能介绍与应用
2012/12/24 Javascript
jQuery使用一个按钮控制图片的伸缩实现思路
2013/04/19 Javascript
谷歌地图打不开的解决办法
2014/08/07 Javascript
node.js中的buffer.toString方法使用说明
2014/12/14 Javascript
JavaScript图像延迟加载库Echo.js
2016/04/05 Javascript
深入理解Angular中的依赖注入
2017/06/26 Javascript
关于meta viewport中target-densitydpi属性详解(推荐)
2017/08/18 Javascript
Vue中封装input组件的实例详解
2017/10/17 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
2018/03/26 Javascript
你应该了解的JavaScript Array.map()五种用途小结
2018/11/14 Javascript
vue实现防抖的实例代码
2021/01/11 Vue.js
Python 网络编程起步(Socket发送消息)
2008/09/06 Python
Python标准库之sqlite3使用实例
2014/11/25 Python
python判断图片宽度和高度后删除图片的方法
2015/05/22 Python
Python中操作文件之write()方法的使用教程
2015/05/25 Python
Python爬取国外天气预报网站的方法
2015/07/10 Python
5款非常棒的Python工具
2018/01/05 Python
Django教程笔记之中间件middleware详解
2018/08/01 Python
python实现播放音频和录音功能示例代码
2018/12/30 Python
详解Python函数式编程—高阶函数
2019/03/29 Python
Python tkinter常用操作代码实例
2020/01/03 Python
基于python求两个列表的并集.交集.差集
2020/02/10 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
解决pytorch多GPU训练保存的模型,在单GPU环境下加载出错问题
2020/06/23 Python
使用CSS3的rem属性制作响应式页面布局的要点解析
2016/05/24 HTML / CSS
List、Map、Set三个接口,存取元素时,各有什么特点?
2015/09/27 面试题
80后职场人的职业生涯规划
2014/03/08 职场文书
个人学习总结范文
2015/02/15 职场文书
市语委办2016年第十九届“推普周”活动总结
2016/04/05 职场文书
MongoDB 常用的crud操作语句
2021/06/20 MongoDB
交互式可视化js库gojs使用介绍及技巧
2022/02/18 Javascript