Question

我一直在尝试为可选日期添加一个类。以下是添加类

$('a.ui-state-default').addClass('myClass');
$('a.ui-state-highlight').removeClass('myClass');

$(".myClass").attr("style", "background:"+background_button+" !important; color:"+text_button+" !important;");

这很好用。

但是当我在datepicker中选择一个日期时，它又会恢复为正常风格，并且添加到ui-state-default的课程不会到来。

Answer 1

问题是因为datepicker的dom被重画了很多次，因为在重绘之后你只会使用一次样式。

解决方案是使用css类和beforeShowDay回调来设置日期样式

＆＃13;

jQuery(function($) {
  var array = [];
  $('#dp').datepicker({
    dateFormat: 'dd M yy',
    beforeShowDay: function(dt) {
      return [1, 'my-style-class']
    }
  })
});

＆＃13;

.my-style-class a.ui-state-default:not(.ui-state-highlight) {
  color: green;
}

＆＃13;

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script>

<div id="dp"></div>

＆＃13;

选择时{date}为

1 个答案: