关于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 相关文章推荐
js下用gb2312编码解码实现方法
Dec 31 Javascript
了解了这些才能开始发挥jQuery的威力
Oct 10 Javascript
多种方法实现load加载完成后把图片一次性显示出来
Feb 19 Javascript
JavaScript设计模式之观察者模式(发布者-订阅者模式)
Sep 24 Javascript
为jQuery-easyui的tab组件添加右键菜单功能的简单实例
Oct 10 Javascript
Vue2.0 slot分发内容与props验证的方法
Dec 12 Javascript
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
Jul 19 Javascript
webpack 从指定入口文件中提取公共文件的方法
Nov 13 Javascript
简单说说如何使用vue-router插件的方法
Apr 08 Javascript
JavaScript之数组扁平化详解
Jun 03 Javascript
ES6中的Javascript解构的实现
Oct 30 Javascript
JavaScript如何优化逻辑判断代码详解
Jun 08 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
用Zend Encode编写开发PHP程序
2006/10/09 PHP
Yii中使用PHPExcel导出Excel的方法
2014/12/26 PHP
PHP中判断文件存在使用is_file还是file_exists?
2015/04/03 PHP
php上传图片获取路径及给表单字段赋值的方法
2016/01/23 PHP
初识ThinkPHP控制器
2016/04/07 PHP
PHP面向对象继承用法详解(优化与减少代码重复)
2016/12/02 PHP
php实现文件与16进制相互转换的方法示例
2017/02/16 PHP
php从数据库中获取数据用ajax传送到前台的方法
2018/08/20 PHP
javascript编程起步(第四课)
2007/01/10 Javascript
JavaScript实现网页上的浮动广告的简单方法
2013/06/14 Javascript
JS模仿手机端九宫格登录功能实现代码
2016/04/28 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
2017/01/13 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
NodeJS测试框架mocha入门教程
2017/03/28 NodeJs
Vue网页html转换PDF(最低兼容ie10)的思路详解
2017/08/24 Javascript
详解在Vue中有条件地使用CSS类
2017/09/30 Javascript
Vuex 进阶之模块化组织详解
2018/01/12 Javascript
js实现简单页面全屏
2019/09/17 Javascript
原生js实现简单轮播图
2020/10/26 Javascript
[42:34]VP vs VG 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python time模块用法实例详解
2014/09/11 Python
举例讲解Python设计模式编程中对抽象工厂模式的运用
2016/03/02 Python
Python编写简单的HTML页面合并脚本
2016/07/11 Python
Python+OpenCV采集本地摄像头的视频
2019/04/25 Python
手机使用python操作图片文件(pydroid3)过程详解
2019/09/25 Python
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
AJAX的优缺点都有什么
2015/08/18 面试题
学雷锋活动总结范文
2014/04/25 职场文书
教师师德演讲稿
2014/05/06 职场文书
大学自主招生推荐信
2014/05/10 职场文书
儿童生日会策划方案
2014/05/15 职场文书
刑事附带民事上诉状
2015/05/23 职场文书
创业计划书之养殖业
2019/10/11 职场文书
javascript的var与let,const之间的区别详解
2022/02/18 Javascript
一次SQL如何查重及去重的实战记录
2022/03/13 MySQL
Windows10安装Apache2.4的方法步骤
2022/06/25 Servers