关于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实现input数值增量和减量的方法
Jan 24 Javascript
js获取及判断键盘按键的方法
Dec 01 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
Jun 03 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
Dec 17 Javascript
使用vue-router与v-if实现tab切换遇到的问题及解决方法
Sep 07 Javascript
js中call()和apply()改变指针问题的讲解
Jan 17 Javascript
Vue自定义指令写法与个人理解
Feb 09 Javascript
JS中实现浅拷贝和深拷贝的代码详解
Jun 05 Javascript
小程序实现投票进度条
Nov 20 Javascript
Websocket 向指定用户发消息的方法
Jan 09 Javascript
vue实现选中效果
Oct 07 Javascript
JavaScript代码实现微博批量取消关注功能
Feb 05 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 获取客户端真实IP地址多种方法小结
2010/05/15 PHP
php 搜索框提示(自动完成)实例代码
2012/02/05 PHP
PHP基于rabbitmq操作类的生产者和消费者功能示例
2018/06/16 PHP
PHP的Trait机制原理与用法分析
2019/10/18 PHP
JQuery从头学起第一讲
2010/07/04 Javascript
jquery ajax 同步异步的执行 return值不能取得的解决方案
2012/01/08 Javascript
js正文内容高亮效果的实现方法
2013/06/30 Javascript
js 动态为textbox添加下拉框数据源的方法
2014/04/24 Javascript
jQuery使用之处理页面元素用法实例
2015/01/19 Javascript
JS中取二维数组中最大值的方法汇总
2016/04/17 Javascript
探讨AngularJs中ui.route的简单应用
2016/11/16 Javascript
vue实现选项卡及选项卡切换效果
2018/04/24 Javascript
基于vue2的canvas时钟倒计时组件步骤解析
2018/11/05 Javascript
微信小程序 高德地图路线规划实现过程详解
2019/08/05 Javascript
微信小程序实现吸顶效果
2020/01/08 Javascript
实例讲解React 组件生命周期
2020/07/08 Javascript
vue中提示$index is not defined错误的解决方式
2020/09/02 Javascript
解决element-ui的下拉框有值却无法选中的情况
2020/11/07 Javascript
python实现获取Ip归属地等信息
2016/08/27 Python
Python sqlite3事务处理方法实例分析
2017/06/19 Python
pygame游戏之旅 游戏中添加显示文字
2018/11/20 Python
浅谈PyTorch中in-place operation的含义
2020/06/27 Python
Python word文本自动化操作实现方法解析
2020/11/05 Python
奥地利顶级内衣丝袜品牌英国站:Wolford英国
2016/08/29 全球购物
英国HYPE双肩包官网:英国本土时尚潮牌
2018/09/26 全球购物
波兰电子产品购物网站:Vobis
2019/05/26 全球购物
Lentiamo丹麦:购买便宜的隐形眼镜
2021/01/13 全球购物
成人继续教育实施方案
2014/03/01 职场文书
教导主任竞聘演讲稿
2014/05/16 职场文书
员工趣味活动方案
2014/08/27 职场文书
2014国庆节餐厅促销活动策划方案
2014/09/16 职场文书
中学生秋季运动会广播稿
2014/09/21 职场文书
工作失误检讨书(经典集锦版)
2014/10/17 职场文书
小学班主任评语
2014/12/29 职场文书
优质服务标语口号
2015/12/26 职场文书
2016年教师师德师风心得体会
2016/01/12 职场文书