【问题标题】:remove all calendar icon for input disabled删除所有禁用输入的日历图标
【发布时间】:2014-04-28 15:19:15
【问题描述】:

我在我的页面中为每个需要它的输入使用了一些日期选择器,

但有时,某些字段会被禁用。

如果输入被禁用,我想删除所有日历和日期选择器图标

我尝试过类似的方法

if($(".datepicker").prop('disabled')){
   $(this).removeClass('datepicker');
}

在 document.ready 函数等中......

但它不起作用

另外,日期选择器图标有一个特定的类

<img class="ui-datepicker-trigger" src="images/calendar-day.png" alt="..." title="...">

我只需要删除所有禁用输入的图片,因为使用该图标,用户可以打开日期选择器并更改日期。

我们将不胜感激任何帮助。

【问题讨论】:

  • 你能分享一下你的问题吗,那样会更容易更快地帮助你。
  • 试试 $('img.ui-datepicker-trigger').hide();

标签: javascript jquery datepicker


【解决方案1】:

使用这个 CSS 规则:

input.hasDatepicker[disabled] + img.ui-datepicker-trigger {
     display: none;
}

【讨论】:

  • 它工作正常,非常感谢您的帮助,我将在 5 分钟内接受这个答案
【解决方案2】:

类似的东西-

$(".datepicker").each(function(){
   if($(this).prop('disabled')){
      $(this).find('.ui-datepicker-trigger').hide();
   }
});

【讨论】:

  • 在我看来,ui-datepicker-trigger 不是.datepicker 的孩子
  • 到我猜的选择器?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-06-02
  • 1970-01-01
  • 1970-01-01
  • 2014-08-19
  • 1970-01-01
  • 2018-07-11
  • 2011-05-21
相关资源
最近更新 更多