代码之家  ›  专栏  ›  技术社区  ›  Rob Hughes

Jquery。检测输入类型“日期”的更改

  •  5
  • Rob Hughes  · 技术社区  · 9 年前

    在我的网站的移动版上,我正在使用 input type=date 而不是jquery datepicker来允许使用设备内置的日期选择器,因为它通常更快更容易使用。

    我试图检测1个日期字段何时输入/更改了值,然后更新 min date 属性,并使用ajax提交表单。

    我无法正确检测输入或更改。

    $('#mob-gig-date-gteq').blur(function() {
        var date = $("#mob-gig-date-gteq").val();
        console.log(date)
        $(this).closest("form").submit();
    });
    

    (使用.change产生相同的结果)

    如果我在这里选择一个日期,什么都不会发生。在计算机上,如果我选择一个日期,在其中一个输入(日/月/年)上按enter键,然后再次更改日期,代码将触发。 在手机上,什么都不会发生。

    如何检测日期字段上的输入更改?

    谢谢

    1 回复  |  直到 9 年前
        1
  •  13
  •   Daniel Filipe Joe    7 年前

    试试jquery .change 方法模糊仅在输入失去焦点时触发。

    $('#mob-gig-date-gteq').change(function() {
        var date = $(this).val();
        console.log(date, 'change')
    });
    

    Code pen 在铬中测试