jquery multiplatedatespicker戻り値

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; 

は、どのように私は、入力ボックスに「何か」にi日付の複数の選択された値を表示することができますか？

Answer 1

複数の日付ピッカーをdivではなく入力ボックスにバインドすると、日付を選択した後にその入力ボックスに複数のカンマ区切りの日付が表示されます。誰も入力した日付を手動で編集することはできません。

代わりにあなたが隠された要素やjsの配列など

例に値を入れて日付ピッカーは、selectイベントで使用することができます：

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 

}