精华内容
下载资源
问答
  • layui时间框赋值

    千次阅读 2020-11-06 14:41:54
    layui时间框赋值 经常在一些表单验证中,选中时间后此时间并不满足需求,需后台直接赋予时间框一个数值,但是使用jquery直接赋值不起效,大家可以试下以下方式,通过模拟点击时间控件的方式才获取时间数据。大家使用...

    layui时间框赋值

    经常在一些表单验证中,选中时间后此时间并不满足需求,需后台直接赋予时间框一个数值,但是使用jquery直接赋值不起效,大家可以试下以下方式,通过模拟点击时间控件的方式才获取时间数据。大家使用开发者模式F12就明白了原理。

           		var xsTime = new Date(s+"");
                var xeTime = new Date(e+"");
                var sDate = s.split(" ");
                var eDate = e.split(" ");
                var time = laydate.render({
                    elem: '#timeRange'
                    ,type:'datetime'
                    ,value:value
                    ,range:'-'
                    ,min:sDate[0]
                    ,max:eDate[0]
                    ,done:function (value,date,endDate) {
                        this.value = value;
                        this.elem.val(value);
                        if(value == ""){
                            redBorder("任务日期不能为空",$("#timeRange"));
                        }else {
                            var hours = endDate.hours;
                            var minutes = endDate.minutes;
                            var seconds = endDate.seconds;
                            // 改变结束时间默认值
                            if (hours == "0" && minutes == "0" && seconds == "0"){
                                $(".layui-laydate-footer [lay-type='datetime'].laydate-btns-time").click();
                                // 如果是datetime的范围选择,改变开始时间默认值
                                // 改变结束时间默认值
                                $(".laydate-main-list-1 .layui-laydate-content li ol li:last-child").click();
                                // 如果不是范围选择,只是日期时间选择
                            }
                            //需求默认值
                            var str = value.split(" - ");
                            var rsTime = new Date(str[0]);
                            var reTime = new Date(str[1]);
                            if(xsTime.getTime() > rsTime.getTime()){
                                console.log("小于xsTime",s);
                                $(".laydate-main-list-0 .layui-laydate-content li:nth-child(1) ol li:eq("+xsTime.getHours()+")").click();
                                $(".laydate-main-list-0 .layui-laydate-content li:nth-child(2) ol li:eq("+xsTime.getMinutes()+")").click();
                                $(".laydate-main-list-0 .layui-laydate-content li:nth-child(3) ol li:eq("+xsTime.getSeconds()+")").click();
                            }
                            if(xeTime.getTime() < reTime.getTime()){
                               //redBorder("任务截止日期应小于需求截止日期",$("#timeRange"));
                                //修改时间
                                $(".laydate-main-list-1 .layui-laydate-content li:nth-child(1) ol li:eq("+xeTime.getHours()+")").click();
                                $(".laydate-main-list-1 .layui-laydate-content li:nth-child(2) ol li:eq("+xeTime.getMinutes()+")").click();
                                $(".laydate-main-list-1 .layui-laydate-content li:nth-child(3) ol li:eq("+xeTime.getSeconds()+")").click();
                            }else{
                                dataOk($("#timeRange"));
                            }
                        }
                    }
                });
    
    展开全文
  • layui 时间控件 单击 年直接赋值

    千次阅读 2018-06-21 13:03:00
    在 //选中 lay(ul).find('li').on('click', function(){ //结尾处添加 if (options.done === "year") { that.setValue(that.parse()).remove(); } <script src="laydate/la...

    //选中
    lay(ul).find('li').on('click', function(){  //结尾处添加

            if (options.done === "year") {
            that.setValue(that.parse()).remove();   
            }
    <script src="laydate/laydate.js"></script> <!-- 改成你的路径 -->
    <script>
    
    
    //年选择器
    laydate.render({
        elem: '#test1'
      , type: 'year'
      , done: "year"
    });

     修改压缩版位置

    w(n.footer).find(D).removeClass(s);
                    if (a.done === "month" && (ym + "").length < 4) { n.setValue(n.parse()).remove() } if (a.done === "year") { n.setValue(n.parse()).remove() };}

     

    转载于:https://www.cnblogs.com/enych/p/9208469.html

    展开全文
  • ![图片说明](https://img-ask.csdn.net/upload/202005/14/1589421369_625029.png)如何使用layui日历控件,在日期中赋值?将图片中的表情换成后台获取的对应值,放在每个日期下面.
  • JQuery动态给LayUI table赋值

    万次阅读 2018-10-26 16:45:22
    以下为html代码: 区域 报告数 ![table代码](https://img-blog.csdnimg.cn/20181026164440441.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdG...

    以下为html代码:
    在这里插入图片描述
    效果如下所示:

    区域报告数

    var tableData = data.rows; //回调函数获取后台返回的表格数据

            $.each(tableData, function (i, n) {  //回显到表格
                var row = $("#template").clone();
                row.find("#name").text(n.name);
                row.find("#value").text(n.value);
                row.appendTo("#hot_table");//添加到模板的容器中
            });
    

    注意:tableData参数的数据格式为[{“td的id”,value},{“td的id”,value}],即键值对的集合或数组,其中key要与td的id保持一致。

    以下是效果图:
    表格的样式请自行调整

    展开全文
  • 这个是因为表单的input框在vue中做了双向绑定,在按照layui的方式给表单赋值时在表单中看见了值,但是vue中的对象并没有赋值,做了双向绑定,导致在某个input输入时,触发了vue将表单刷成了没有值的状态。...

    在layui与vue一起使用时,表单中的某个input输入框在输入值的瞬间,表单中其它的input框中的值都不见了。这个是因为表单的input框在vue中做了双向绑定,在按照layui的方式给表单赋值时在表单中看见了值,但是vue中的对象并没有赋值,做了双向绑定,导致在某个input输入时,触发了vue将表单刷成了没有值的状态。

    总结:只要layui与vue配合使用,做了双向绑定,不管是给什么类型的元素赋值,都需要按照layui的方式赋值,然后再给vue中的data赋值。只有双向赋值了,才能赋值成功

    展开全文
  • layui控件的一些内容

    2019-01-14 14:04:58
    补充一点layui文档中没有提到的内容。 首先是表单值的初始化问题,文档中有这方面的内容,但是现在要做到的是在弹窗框中展示表单,要给表单中的控件初始化一个值(就是弹出一个编辑表单),然后点击确定按钮时验证...
  • layui的表单控件的input文本框赋值

    万次阅读 2020-01-08 11:01:37
    第一种: //org-table 行监听器 table.on('tool(org-table)', function(obj){ //注:tool 是工具条事件名,test 是 table 原始容器的属性 lay-filter="对应的值" var data = obj.data;...
  • 今天小编就为大家分享一篇关于layui时间回显问题的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • layui中laydate动态赋值最大、最小值

    千次阅读 2018-04-17 17:56:00
    最近在开发中应用到layui中的laydate控件,但是在动态改变两个laydate的最大值与最小值时迷糊了一段时间,下面的方法可满足于最大值与最下之的配置。 一.添加HTML标签  二.js渲染 注意点: 1...
  • 表格点击"编辑"进入页面,将值赋给控件,其余没问题,就是富文本赋值之后上传按钮点击无效,而且报layedit not defined![在这里插入图片描述]...
  • 点击前往复制代码=>http://www.shagua.wiki/project/3?p=97
  • layui实现下拉框多选,取值及赋值

    万次阅读 热门讨论 2018-09-21 15:53:01
    首先需要的js及css,我是直接在官网上下载的 废话不多说,直接上代码 ...layui下拉框多选&lt;/title&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0&qu
  • 主要为大家详细介绍了layui-laydate时间日历控件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • ![图片说明]... ``` var date = new Date();... var year = date .getFullYear();... // 获取当前月份(0-11,0代表1月)的上一个月 ...如图所示3月份不可确定是什么情况
  • 今天在用layui的日期控件的时候发现一个问题,就是form表单中的日期选择之后,如果后面的输入框再输入值,这个日期就会自动清空,导致没办法提交,研究之后发现是vue的model绑定和layui冲突产生的,事实上是vue无法动态...
  • layui动态绑定日期时间控件

    千次阅读 2019-08-11 22:41:31
    layui动态绑定日期时间控件 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。 新的...
  • layui时间控件选择时间范围

    千次阅读 2018-05-02 14:21:28
    解决layui时间控件清空之后无法正常使用的问题,以及时间范围的选择共有两种解决方式:方式一(layui 1.x):html代码:&lt;div class="layui-inline"&gt; &lt;div class="layui-input-...
  • ASP.NET中给时间控件赋值: html代码: input type="text" name="date" id="Brithday" lay-verify="date" value="@(ViewBag.HisBirthday.ToString("yyyy-MM-dd"))" autocomplete="off" class="layui-input"> 此...
  • 1,文件上传控件开启 2,before内添加方法,以json格式存储数据。...以上这篇layui文件上传控件带更改后数据传值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
  • div class=" layui-form-item"> <label class="layui-form-label">开始时间<span style="color: red"> *</span> </label> <div class="layui-input-block"> ...
  • div class="layui-inline layui-show-xs-block"> <input class="layui-input" placeholder="开始时间" name="start" id="startTime"> </div> <div class="layui-inline layui-show-xs-block">...
  • var $ = layui.jquery, layer = layui.layer; //独立版的layer无需执行这一句 layer.msg('正在打开',{time:100}); layer.msg('正在打开',{time:100}); layer.open({ type: 2 //此处以iframe举例 , title: '...
  • layui树形菜单初始化及赋值取值问题

    千次阅读 2020-11-19 19:01:47
    layui树形菜单初始化及赋值取值问题 layui树形菜单初始化及赋值取值问题 刚刚接触layui,不是特别熟,现在记录一下,便于以后查找复习 分享一下layui的工具类 //TreeBuilder类,将数组转换成layui树形菜单组件特定的...
  • 最近我也在使用layui日期控件,想要只能点击日期控件选中对应的日期,不能手动输入,找了好几篇教程也没解决问题,最后,我把所有的只读属性都添加上试了试,才完成的,layui日期控件使用type类型用date,行内属性...
  • 今天在用layui的日期控件的时候发现一个问题,就是form表单中的日期选择之后,如果后面的输入框再输入值,这个日期就会自动清空,导致没办法提交,研究之后发现事vue的model绑定和lyui冲突产生的,事实上是vue无法动态绑定...
  • 背景 今天遇到的情况是,在表格中需要针对指定的产品进行缩略图片的替换操作 那么,我需要根据所赋值不同索引信息的 class进行数据获取与修改 在此,进行整理(截图展示),希望能帮到有需求的道友吧
  • 在表格重载的时候会刷新表头的所有表单控件,所以需要在表格重载函数done回调中重新绑定一次时间控件,已实践成功。 已试过表单重载函数及时间控件重载均无效。如果有更好的方法欢迎分享 table.reload('表格ID',{ ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 401
精华内容 160
关键字:

layui控件赋值