关于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 框架使用教程 AJAX篇
Oct 11 Javascript
图片动画横条广告带上下滚动可自定义图片、链接等等
Oct 20 Javascript
用js设置下拉框为只读的小技巧
Apr 10 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
May 08 Javascript
jquery datatable后台封装数据示例代码
Aug 07 Javascript
如何使用AngularJs打造权限管理系统【简易型】
May 09 Javascript
浅谈javascript中的加减时间
Jul 12 Javascript
AngularJS中过滤器的使用与自定义实例代码
Sep 17 Javascript
微信小程序 弹框和模态框实现代码
Mar 10 Javascript
详谈ES6中的迭代器(Iterator)和生成器(Generator)
Jul 31 Javascript
Angularjs之ngModel中的值验证绑定方法
Sep 13 Javascript
vue+element ui实现锚点定位
Jun 29 Vue.js
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通过cookies获取远程网页的指定代码
2013/06/25 PHP
php 利用array_slice函数获取随机数组或前几条数据
2015/09/30 PHP
PHP实现多关键字加亮功能
2016/10/21 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
jQuery的实现原理的模拟代码 -1 核心部分
2010/08/01 Javascript
js确认删除对话框效果的示例代码
2014/02/20 Javascript
js实现的类似于asp数据字典的数据类型代码实例
2014/09/03 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
2015/08/20 Javascript
jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
2016/06/02 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
2017/04/27 jQuery
使用JavaScript根据图片获取条形码的方法
2017/07/04 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
2017/08/22 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
2019/09/06 Javascript
微信小程序实现时间进度条功能
2020/11/17 Javascript
解决vue 给window添加和移除resize事件遇到的坑
2020/07/21 Javascript
Python中的闭包总结
2014/09/18 Python
完美解决Python2操作中文名文件乱码的问题
2017/01/04 Python
tensorflow 1.0用CNN进行图像分类
2018/04/15 Python
pyqt5 从本地选择图片 并显示在label上的实例
2019/06/13 Python
python实现在函数中修改变量值的方法
2019/07/16 Python
Python Web框架之Django框架文件上传功能详解
2019/08/16 Python
Python笔记之工厂模式
2019/11/20 Python
jupyter notebook中美观显示矩阵实例
2020/04/17 Python
python Matplotlib数据可视化(2):详解三大容器对象与常用设置
2020/09/30 Python
印度首个本地在线平台:nearbuy
2019/03/28 全球购物
公务员职务工作的自我评价
2013/11/01 职场文书
老师的检讨书
2014/02/23 职场文书
文明之星事迹材料
2014/05/09 职场文书
车辆转让协议书
2014/09/24 职场文书
领导班子整改措施
2014/10/24 职场文书
2015年党员发展工作总结
2015/05/13 职场文书
欠条格式范本
2015/07/03 职场文书
车间安全生产管理制度
2015/08/06 职场文书
导游词之河姆渡遗址博物馆
2019/10/10 职场文书
SpringCloud之@FeignClient()注解的使用方式
2021/09/25 Java/Android