javascript - 选择 jQuery 日期选择器日期时触发输入更改

Question

我正在开发一个网络应用程序，并尝试在更改该输入框时更改类。几乎所有的输入框都工作正常，而不是我使用日期选择器的输入框。

我面临的问题是，当我从该输入中显示的日期选择器值中选择一个日期时，但它不会触发该输入上的“更改”。我通过这样做完成了“onChange”事件...

$(document).ready(function() {
   $('input').on("change", function() {
       if($(this).val() != ''){
           $(this).parent().addClass("filled");
       }
    });
});

这工作正常，但不适用于日期选择器。我发现了许多与日期选择器“onSelect”相关的问题，但我不想为一个问题这样做。像这样..

$('.custom_datepicker_selector').datepicker().on('changeDate', function(en{});

或

$("#datepicker").datepicker({
    onSelect: function(dateText, inst) {}
});

这些只是针对单个版本的更新，我的问题是使其适用于所有人。我想做的就是不需要更改每个日期选择器初始化。

Answer 1

使用日期选择器的onSelect事件来检测输入值何时发生变化，尝试:

$("#dp").datepicker({
    onSelect: function(dateText, inst) {
        $(this).parent().addClass("filled");
    }
});

示例:

$(document).ready(function() {
    $("#dp").datepicker({
        onSelect: function(dateText, inst) {
            $(this).parent().addClass("filled");
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<div>
    <input type="text" id="dp">
</div>