jQuery MultipleDateSpicker返回值

Question

我当前正在使用一个从jQuery UI派生的名为multipledatespicker的插件，我已经将大多数日历设置正确，只是我不确定如何将值从嵌入式块日历返回到输入框中。

<div class="iDate"></div>
<input type="text" name="something" id="something" value="" />

var unavailableDates = ["9-7-2016"];
function unavailable(date) {
    dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
    if ($.inArray(dmy, unavailableDates) == -1)
        return [true, ""];
    else
        return [false, "denied", "Unavailable"];
}

var dateToday = new Date(); 
$(".iDate").multiDatesPicker({
    defaultDate: new Date(),
    dateFormat: 'dd MM yy',
    beforeShowDay: unavailable,
    minDate: dateToday,
});

var dates = multiDatesPicker('value');
document.getElementById('something').value = dates;

如何在输入框“ something”中显示iDate的多个选定值？

Answer 1

如果将多个日期选择器绑定到输入框而不是div，则选择日期后，您将在该输入框中获得多个逗号分隔的日期。 您可以将输入框设置为只读，以便没有人可以手动编辑所选日期。

或者，您可以使用datepicker的on select事件将值放入隐藏的元素或js数组等中。

例：

var dateToday = new Date(); 
$(".iDate").multiDatesPicker({
    defaultDate: new Date(),
    dateFormat: 'dd MM yy',
    beforeShowDay: unavailable,
    minDate: dateToday,
    onSelect: function(date) {
       AddDate(date);
    }
});

//pseudo code -> have no time at work...
 create mydates object // array that holds selected dates


function AddDate(value) {     
    //warning pseudo code
    if value in mydates -> remove it for mydates
    else -> add value to mydates

}