Question

我正在开发一个Web应用程序，并尝试将更改类更改为该输入框。几乎所有的输入框都运行良好，而不是我使用了datepicker。

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

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

这工作正常，但没有使用datepicker。我发现了一些与dateopicker的'onSelect'有关的问题，但我不想为一个问题做这个问题。喜欢这个..

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

或

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

这些只是单一更新，我的问题是让它为所有人全球化。我想这样做，我不需要更改每个datepicker初始化。

Answer 1

使用datepicker的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>

选择jQuery datepicker日期时触发输入更改

1 个答案: