关于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 相关文章推荐
论坛里点击别人帖子下面的回复,回复标题变成“回复 24# 的帖子”
Jun 14 Javascript
js操纵dom生成下拉列表框的方法
Feb 24 Javascript
微信公众平台开发教程(五)详解自定义菜单
Dec 02 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
Dec 25 Javascript
使用JavaScript为一张图片设置备选路径的方法
Jan 04 Javascript
JS实现数组去重方法总结(六种方法)
Jul 14 Javascript
Angular中封装fancyBox(图片预览)遇到问题小结
Sep 01 Javascript
JavaScript+CSS相册特效实例代码
Sep 07 Javascript
jQuery实现滚动效果
Nov 17 jQuery
JS将网址url转化为JSON格式的方法
Jul 02 Javascript
electron 安装,调试,打包的具体使用
Nov 06 Javascript
利用Vue实现简易播放器的完整代码
Dec 30 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函数preg_match_all正则表达式的基本使用详细解析
2013/08/31 PHP
php计算两个文件相对路径的方法
2015/03/14 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
PHP中is_dir()函数使用指南
2015/05/08 PHP
php实现网站顶踩功能的完整前端代码
2015/07/19 PHP
Linux平台PHP5.4设置FPM线程数量的方法
2016/11/09 PHP
Thinkphp5.0框架视图view的模板布局用法分析
2019/10/12 PHP
Extjs中TabPane如何嵌套在其他网页中实现思路及代码
2013/01/27 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
2013/07/15 Javascript
firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误
2015/03/01 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
2015/04/12 Javascript
基于bootstrap3和jquery的分页插件
2015/07/31 Javascript
jQuery弹层插件jquery.fancybox.js用法实例
2016/01/22 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
很棒的js Tab选项卡切换效果
2016/08/30 Javascript
深入理解bootstrap框架之第二章整体架构
2016/10/09 Javascript
详解js数组的完全随机排列算法
2016/12/16 Javascript
BootStrapTable服务器分页实例解析
2016/12/20 Javascript
基于JavaScript实现瀑布流效果
2017/03/29 Javascript
JS闭包的几种常见形式实例详解
2017/09/16 Javascript
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
浅谈react 同构之样式直出
2017/11/07 Javascript
Vue-cli3项目配置Vue.config.js实战记录
2018/07/29 Javascript
详细分析vue响应式原理
2020/06/22 Javascript
简述:我为什么选择Python而不是Matlab和R语言
2017/11/14 Python
python处理“
2019/06/10 Python
Python3网络爬虫开发实战之极验滑动验证码的识别
2019/08/02 Python
Python用input输入列表的实例代码
2020/02/07 Python
Giuseppe Zanotti美国官方网站:将鞋履视为高级时装般精心制作
2018/02/06 全球购物
销售行业个人求职自荐信
2013/09/25 职场文书
中学生自我鉴定
2014/02/04 职场文书
令人印象深刻的自荐信
2014/05/25 职场文书
学校花圃的标语
2014/06/18 职场文书
中班上学期个人总结
2015/02/12 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书
读《方与圆》有感:交友方圆有度
2020/01/14 职场文书