jquery - 如何在日期值更改以及文本框值更改时更改按钮的颜色？

Question

我有一个 View ，其中包含多个文本框和一个带有灰色按钮的日期选择器。当文本框和日期选择器的值发生变化时，按钮的颜色变为红色，如果我用预览替换输入的新值，它又会变成灰色。

我的代码(如下)在文本框上运行良好，但在日期选择器上运行不正常:

$(".class Selector").each(function(){
  $(this).on('change blur keyup',function(){
    if(oldvalue of textbox1!=newvalue of textbox1){
      $("#button id ").css('backgroundcolor','red')
    }
    else if(oldvalue of textbox2!=newvalue of textbox2){
      $("#button id ").css('backgroundcolor','red')
     }
    else if(oldvalue of datepicker !=newvalue of datepicker){
      $("#button id ").css('backgroundcolor','red')
     }
    else {
      $("#button id ").css('backgroundcolor','gray')
    }
  });
});

我的代码在文本框值的情况下运行，但它不适用于日期选择器的情况

在这种情况下，.on 首先触发，而我想首先触发日期选择器。当我点击日期选择器文本框时，我总是得到未定义的新日期。

请帮忙。谢谢。

Answer 1

使用 JQuery UI 日期选择器。在 JQuery UI datepicker 中有函数，名称为 onSelect，在这个函数下你可以添加你的代码。如需了解更多信息，请单击此处。 enter link description here