关于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 中文字符串处理额外注意事项
Nov 15 Javascript
fmt:formatDate的输出格式详解
Jan 09 Javascript
使用jquery写个更改表格行顺序的小功能
Apr 29 Javascript
jquery实现保存已选用户
Jul 21 Javascript
实用框架(iframe)操作代码
Oct 23 Javascript
几种经典排序算法的JS实现方法
Mar 25 Javascript
不使用script导入js文件的几种方法
Oct 27 Javascript
Javascript封装id、class与元素选择器方法示例
Mar 13 Javascript
JS中的三个循环小结
Jun 20 Javascript
Easy UI动态树点击文字实现展开关闭功能
Sep 30 Javascript
详解微信小程序审核不通过的解决方法
Jan 17 Javascript
在react中使用vue的状态管理的方法示例
May 02 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
利用discuz实现PHP大文件上传应用实例代码
2008/11/14 PHP
解析php中用PHPMailer来发送邮件的示例(126.com的例子)
2013/06/24 PHP
一个简单的PHP验证码实现代码
2014/05/10 PHP
PHP实现的MongoDB数据库操作类分享
2014/05/12 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
event.srcElement 用法笔记e.target
2009/12/18 Javascript
js对象内部访问this修饰的成员函数示例
2014/04/27 Javascript
jquery中animate的stop()方法作用实例分析
2015/01/30 Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
2015/02/03 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
2015/10/02 Javascript
详解javascript事件冒泡
2016/01/09 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
2016/11/26 Javascript
浅谈JavaScript作用域和闭包
2017/09/18 Javascript
bootstrap中selectpicker下拉框使用方法实例
2018/03/22 Javascript
tsconfig.json配置详解
2019/05/17 Javascript
Vue 无限滚动加载指令实现方法
2019/05/28 Javascript
jQuery实现高度灵活的表单验证功能示例【无UI】
2020/04/30 jQuery
JS XMLHttpRequest原理与使用方法深入详解
2020/04/30 Javascript
js实现盒子移动动画效果
2020/08/09 Javascript
9个JavaScript日常开发小技巧
2020/10/06 Javascript
详解Vue3.0 + TypeScript + Vite初体验
2021/02/22 Vue.js
Python回文字符串及回文数字判定功能示例
2018/03/20 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
详解python如何在django中为用户模型添加自定义权限
2018/10/15 Python
python将一个英文语句以单词为单位逆序排放的方法
2018/12/20 Python
Python生成器常见问题及解决方案
2020/03/21 Python
python批量处理多DNS多域名的nslookup解析实现
2020/06/28 Python
Python如何使用vars返回对象的属性列表
2020/10/17 Python
通过HTML5规范搞定i、em、b、strong元素的区别
2017/03/04 HTML / CSS
OSPREY LONDON官网:英国本土皮具品牌
2019/05/31 全球购物
绢花、人造花和人造花卉:BLOOM
2019/08/07 全球购物
英国电气世界:Electrical World
2019/09/08 全球购物
家得宝墨西哥官网:The Home Depot墨西哥
2019/11/18 全球购物
美国家用和厨房电器销售网站:Appliances Connection
2020/01/24 全球购物
AJAX应用和传统Web应用有什么不同
2013/08/24 面试题
浙江省杭州市平均工资标准是多少?
2019/07/09 职场文书