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

一、input的onchange事件

html

<input type="number" name="xxxx" class="accounting_entry_credit_amount" id="" value="">

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

<select name="department" lay-filter="accounting_entry">
    <option value="0">A</option>
    <option value="1">B</option>                      
</select>

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

<input type="text" name="datetime" id="certificate_date" value="2020-09-02" class="layui-input">

js

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

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

        }
  });

 

上一篇:写给自己—再接再厉,不断进取


下一篇:LinkedHashMap类