学习在layui中input、select、date日历的onchange事件无效解决方法

231 篇文章 5 订阅
188 篇文章 1 订阅

学习在layui中input、select、date日历的onchange事件无效解决方法

一、input的onchange事件

<input type="number" name="xxxx" class="accounting_entry_credit_amount" id="" value="">
     /**
     * 会计分录-借方金额
     * @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事件

<select name="department" lay-filter="accounting_entry">
    <option value="0">A</option>
    <option value="1">B</option>                      
</select>
 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事件

<input type="text" name="datetime" id="certificate_date" value="2020-09-02" class="layui-input">
  /**
     * 日历
     * @type {String}
     */
      laydate.render({
     
            elem: '#certificate_date',
            type: 'date',
            done:function(value,date){
                //value, date, endDate点击日期、清空、现在、确定均会触发。回调返回三个参数,分别代表:生成的值、日期时间对象、结束的日期时间对象
                console.log(value);
                console.log(date);
							 //调用定义好的方法
							 getQipa250();
    
            }
      });


function getQipa250(){

}

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值