关于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 相关文章推荐
使用TextRange获取输入框中光标的位
Oct 14 Javascript
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
Mar 27 Javascript
javascript函数以及基础写法100多条实用整理
Jan 13 Javascript
JS获取地址栏参数的几种方法小结
Feb 28 Javascript
JS简单循环遍历json数组的方法
Apr 22 Javascript
JS中用childNodes获取子元素换行会产生一个子元素
Dec 08 Javascript
React.js绑定this的5种方法(小结)
Jun 05 Javascript
vue props对象validator自定义函数实例
Nov 13 Javascript
JQuery事件委托(适用于给动态生成的脚本元素添加事件)
Feb 01 jQuery
Element的el-tree控件后台数据结构的生成以及方法的抽取
Mar 05 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
Aug 07 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代码优化之成员变量获取速度对比
2014/02/28 PHP
js同时按下两个方向键
2007/12/01 Javascript
js正确获取元素样式详解
2009/08/07 Javascript
jQuery标签编辑插件Tagit使用指南
2015/04/21 Javascript
jquery滚动特效集锦
2015/06/03 Javascript
JavaScript中的replace()方法使用详解
2015/06/06 Javascript
ECMAScript6中Set/WeakSet详解
2015/06/12 Javascript
EasyUI折叠表格层次显示detailview详解及实例
2016/12/28 Javascript
JS 在数组指定位置插入/删除数据的方法
2017/01/12 Javascript
微信小程序 基础知识css样式media标签
2017/02/15 Javascript
纯JS实现图片验证码功能并兼容IE6-8(推荐)
2017/04/19 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
2017/05/17 jQuery
Angular PWA使用的Demo示例
2019/01/31 Javascript
javascript中join方法实例讲解
2019/02/21 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
2019/05/13 Javascript
前后端常见的几种鉴权方式(小结)
2019/08/04 Javascript
vue.js实现照片放大功能
2020/06/23 Javascript
[14:21]VICI vs EG (BO3)
2018/06/07 DOTA
在Python中操作文件之seek()方法的使用教程
2015/05/24 Python
python 获取网页编码方式实现代码
2017/03/11 Python
配置 Pycharm 默认 Test runner 的图文教程
2018/11/30 Python
Python列表与元组的异同详解
2019/07/02 Python
解决python 上传图片限制格式问题
2019/10/30 Python
Python实现Word表格转成Excel表格的示例代码
2020/04/16 Python
计算机网络毕业生自荐信
2013/10/01 职场文书
销售顾问的岗位职责
2013/11/13 职场文书
致标枪运动员广播稿
2014/02/06 职场文书
小学生手册家长评语
2014/04/16 职场文书
初中生庆国庆演讲稿范文2014
2014/09/25 职场文书
社区个人对照检查材料(群众路线)
2014/09/26 职场文书
个人剖析材料范文
2014/09/30 职场文书
婚礼庆典答谢词
2015/01/20 职场文书
同意报考公务员证明
2015/06/17 职场文书
2016银行招聘自荐信
2016/01/28 职场文书
python scrapy简单模拟登录的代码分析
2021/07/21 Python
Ruby处理CSV数据方法详解
2022/04/18 Ruby