Question

我目前正在使用一个名为multipledatespicker的插件，该插件来自jquery UI，我的大部分日历设置都正确，只是因为我不确定应该如何返回值从内联块日历中输入到输入框中。

<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;

如何在输入框中显示iDate的多个选定值＆＃34;＆＃34; ？

Answer 1

如果将多个日期选择器绑定到输入框而不是div，那么在选择日期后，您将在该输入框中获得多个逗号分隔的日期。您可以只读输入框，这样就无法手动编辑所选日期。

或者你可以在select事件上使用datepicker来将值放入隐藏元素或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

}

jquery multipledatespicker返回值

1 个答案: