您当前的位置: 首页 >  ui
  • 0浏览

    0关注

    1477博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

layui中input、select、date日历的onchange事件无效 解决方法总结

软件工程小施同学 发布时间:2020-09-03 12:01:56 ,浏览量:0

一、input的onchange事件

html

js

     /**
     * 会计分录-借方金额
     * @param                [description]
     * @return {[type]}      [description]
     */
    $(".accounting_entry_credit_amount").on("input",function(e){

        //输入框的值改变时触发
        //获取input输入的值
        console.log(e.delegateTarget.name);
        console.log(e.delegateTarget.value);
    }
二、select的onchange事件

html


    A
    B                      

js


    layui.use(['layer', 'jquery', 'form'], function () {
        var layer = layui.layer,
                $ = layui.jquery,
                form = layui.form;


        /** 选择会计科目 start*/
        form.on('select(accounting_entry)', function(data){
            
            console.log(data)
        })
           

    });
三、日历date的onchange事件

html

js

/**
 * 日历
 * @type {String}
 */
  laydate.render({

        elem: '#certificate_date',
        type: 'date',
        done:function(value,date){
            //value, date, endDate点击日期、清空、现在、确定均会触发。回调返回三个参数,分别代表:生成的值、日期时间对象、结束的日期时间对象
            console.log(value);
            console.log(date);

        }
  });

 

关注
打赏
1665320866
查看更多评论
立即登录/注册

微信扫码登录

0.0773s