选择日期时应用不同的样式 - jQuery multidatepicker

Question

我正在使用多日期选择器插件。

我的范围有三天：

1. 不可用 - 这些具有默认样式;

2. 每天点击一次，它就变成了第二种：窗外 - 这些有黑色边框。

3. 而且，如果该日期被第二次点击，则该日期将成为最后一个类型：免费 - 这些具有黑色边框和绿色背景。

所以，我的问题是：如何在点击的一天应用特定的样式/类？

我尝试了类似的东西：

onSelect: function(){
    $('.ui-state-active').each(function(){
        $(this).addClass('pick_up_free_dayCalendar');    
    })
    $(".calendar_").multiDatesPicker('refresh');
    // multidate picker has no refresh method, I created one!
}

喂食：http://jsfiddle.net/TeAKU/

但是，根本没有工作。有什么建议吗？

Answer 1

我发现了问题：

我必须根据下拉表单动态生成这些日历......因此，它不适用于新日历。

如果我使用静态日历，它将像魅力一样工作......

在 Feedle 上有一个完整的工作示例（请参阅相关链接）