如何從jquery中提取選定的日期datePicker

Question

在我的應用程序中，我們使用下面的代碼呈現DatePicker(calender)。它完美地來了。

$('#date2').DatePicker({ 
    flat: true, 
    date: [], 
    current: '2008-07-31', 
    format: 'Y-m-d', 
    calendars: 1, 
    mode: 'multiple', 
    starts: 0 
}); 

我渲染後，它的到來就像this .Still的Html傢伙還沒有實現CSS。從日曆用戶可以選擇多個日期。

我們使用Backbone and Marionette在Application.What我想如果用戶選擇從壓延任何日期，需要內部的回調函數要console選擇日期（觸發事件）。爲了這個，我試着用下面的代碼，但它不工作。

events:{ 
    "select #date2":"consoleDates" 
}, 
consoleDates:function(event){ 
console.log($(event.target).val()); 
} 

另外我嘗試了change事件，這也沒有解僱。

我該如何解決這個問題。

Answer 1

好吧，如果你真的想使用這個插件，也不會觸發任何DOM事件。由於這個插件有點過時，我認爲CustomEvents的概念還沒有被引入。無論如何，您必須在代碼的實例化中實際綁定自定義事件。因此，它應該像這樣：

$('#date2').DatePicker({ 
    flat: true, 
    date: [], 
    current: '2008-07-31', 
    format: 'Y-m-d', 
    calendars: 1, 
    mode: 'multiple', 
    starts: 0, 
    onChange: function(formatted, dates){ 
     $('#date2').trigger('datePick', arguments); 
    } 
}); 

然後在骨幹它應該看起來像這樣：

events:{ 
    "datePick #date2":"consoleDates" 
}, 
consoleDates:function(event, formatted, dates){ 
    console.log(formatted.join(', ')); 
} 

Answer 2

使用onselect。試試這個：

$('.selector').datepicker({ 
    onSelect: function(date) { 
     alert(date); 
    } 
}); 

更新：縱觀文檔，這個屬性是onChange：

onChange: function(formated, dates){ 
    console.log(dates); 
}