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

时间:2014-12-25 17:00:25

标签: jquery html css datepicker

我有一个视图,其中包含多个文本框和一个带有灰色按钮的日期选择器。当textbox和datepicker值改变时,按钮的颜色变为红色,如果我用预览替换输入的新值,它将再次变为灰色。

我的代码(下面)在文本框中工作正常,但没有使用datepicker:

$(".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')
    }
  });
});

我的代码运行时包含了文本框值,但它不适用于datepicker case

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

请帮忙。谢谢。

1 个答案:

答案 0 :(得分:0)

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