jquery datepicker删除当前突出显示的类

我想从我的jquery datepicker实例中完全删除当前的高亮类。 我使用datepicker内联作为div，所以我发现在类上使用.find和.remove的所有规定方法都不起作用。 我已经尝试删除.ui-state-highlight的所有CSS条目，没有任何改进。 我的基本代码的jsfiddle ，我建议在新标签中打开它，这样可以更容易地回到这个问题。 这是一个截图 代码检查，显示我需要删除的类。

代码：

 $( function() { var selections = ["2017-07-29"] function bansingle(date) { var excerpt = jQuery.datepicker.formatDate('yy-mm-dd', date); return [ selections.indexOf(excerpt) == -1 ] } // somehow combine this function later. //function bandow(date) { // var day = date.getDay(); // return [(day != 0 && day != 6)]; // } $('#dp1').datepicker({ beforeShowDay: bansingle, altField:'#alternate1', altFormat: 'md-yy', fielddateFormat: 'md-yy', minDate: "+0d", //maxDate: "+1m", // set latest selectable date }); $('#dp1').datepicker("setDate", null); //clears alternate1 input field value });   
  

编辑高亮显示看起来就像其他可用日期一样不好，因为当点击当前日期时，你不能告诉它已经存在。 这就是为什么我需要找出如何在我使用datepicker的div上完全删除高亮类。

我的问题与其他问题不同，因为：虽然与其他post存在一些共性，但我试图实现不同的最终结果，并且该post的建议是将CSS设置为模仿其他单元格，正如我所说的那样这一段上面的段落，不适合我需要的东西。

编辑：

使用其他问题作为参考，我能够重新排列和更改其他一些CSS样式，以便现在所有可用日期看起来都相同，但最终结果不完整。 这使我依赖于使altfield可见，以向用户显示所选择的点击。 如果有一种方法可以在文件头中使用此样式：

 .ui-state-active {background: #F00;} 

改为：

 .ui-state-active {background: #F00 !important;} 

当首次点击任何可用日期的datepicker内联日历GUI时，颜色响应将匹配用户的操作以及将传递给PHP的数据。

Answer 1

你可以像这样使用它的属性：

 $('#dp1').datepicker({ beforeShowDay: bansingle, todayHighlight: false,// make this parameter to false. It will not highlight then. altField:'#alternate1', altFormat: 'md-yy', fielddateFormat: 'md-yy', minDate: "+0d", //maxDate: "+1m", // set latest selectable date }); 

Answer 2

最好的方法是编辑CSS源代码。 例如：

 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; } 

…现在你可以添加一个样式，就像其他单元格一样！

Answer 3

你可以覆盖css如下。

 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; color: #2e6e9e; }