切換活動日期jQuery dateclicker

Question

我這樣渲染我的jQuery datepicker ......

HTML ：

<div id="datepicker"></div>

JS ：

           $(function () {
            $('#datepicker').datepicker({
                            dateFormat: 'dd/mm/yy',
                            beforeShowDay: enableAllTheseDays,
                            dayNamesMin: [ "M", "T", "W", "T", "F", "S", "S" ],
                            duration: "slow",
                            showOtherMonths: true,
                            onSelect: function(date) {

                                    }
                                }

                            }
                        })
                       })

因此，當我在日歷上選擇一個日期時，它會將一個類附加到名為ui-datepicker-current-day的td元素，並且內部a元素添加了ui-state-active 。

我正在嘗試，所以再次點擊元素，切換它。 但是，我無法在datepicker中觸發onClick事件。

我可以將onClick事件附加到頁面上html其他元素。 但是jQuery UI datepicker中的任何內容都沒有觸發任何點擊事件。

有誰知道我做錯了什么？

Answer 1

首先你有一個javascript錯誤（檢查你控制台） - 這是一個解析錯誤。 你沒有關閉括號。 這就是沒有onclick工作的原因。

關於你的全球問題，試試這件事：

$(function () {
    var previousValue = null;
    $('#datepicker').datepicker({
        dateFormat: 'dd/mm/yy',
        beforeShowDay: enableAllTheseDays,
        dayNamesMin: [ "M", "T", "W", "T", "F", "S", "S" ],
        duration: "slow",
        showOtherMonths: true,
        onSelect: function(date) {


            if (previousValue == $(this).val()) {
                $("#datepicker").datepicker('setDate', null);
            }
            previousValue = $(this).val();
        }
    });
});

http://jsfiddle.net/rafii/kgkpLakj/3/

唯一的問題是，當您重置日期選擇器時 - 它會設置當前日期。

編輯：添加這個（整個功能在這個小提琴： http ： //jsfiddle.net/rafii/kgkpLakj/4/ ）

在datepicker配置中：

defaultDate: null

並在onSelect功能：

$('a.ui-state-active').removeClass('ui-state-active');