Как получить значение от DatePicker

Question

Я пытаюсь работать с datepicker из jquery, но я не знаю, как получить от него значение.

Я использую этот код для Datepicker зрения:

JQ.DatePicker = Em.View.extend(JQ.Widget, { 
uiType: 'datepicker', 
uiOptions: ['disabled', 'altField', 'altFormat', 'appendText', 'autoSize', 'buttonImage', 'buttonImageOnly', 'buttonText', 'calculateWeek', 'changeMonth', 'changeYear', 'closeText', 'constrainInput', 'currentText', 'dateFormat', 'dayNames', 'dayNamesMin', 'dayNamesShort', 'defaultDate', 'duration', 'firstDay', 'gotoCurrent', 'hideIfNoPrevNext', 'isRTL', 'maxDate', 'minDate', 'monthNames', 'monthNamesShort', 'navigationAsDateFormat', 'nextText', 'numberOfMonths', 'prevText', 'selectOtherMonths', 'shortYearCutoff', 'showAnim', 'showButtonPanel', 'showCurrentAtPos', 'showMonthAfterYear', 'showOn', 'showOptions', 'showOtherMonths', 'showWeek', 'stepMonths', 'weekHeader', 'yearRange', 'yearSuffix'], 
uiEvents: ['create', 'beforeShow', 'beforeShowDay', 'onChangeMonthYear', 'onClose', 'onSelect'], 
tagName: 'input', 
type: "text", 
attributeBindings: ['type', 'value'] 
}); 

И мой расширенный вид:

App.DatePicker = JQ.DatePicker.extend({ 
     dateFormat: 'yy-mm-dd', 
     classNames: ['form-control'], 
     onSelect: function(dateText, inst) { 
     this.value = dateText; 
     this.set('value',dateText); 
     } 
    }); 

на HTML странице, я добавил:

{{#view App.DatePicker valueBinding="date"}}{{/view}} 

Мой контроллер:

App.MainController = Ember.ArrayController.extend({ 
    templateName: "main", 
    date: null, 

    saveDate: function(value){ 
     console.log("saveDate"); 
     this.date = value; 
    }, 

    showData: function(){ 
     alert(this.date); 
    }, 

}); 

Я проверил некоторые другие варианты в {{view App.DetPicker}}, но я не понимаю, как эти представления и контроллер работают. Может ли кто-нибудь помочь мне с этим кодом или отправить мне ссылку на хороший справочник по этой теме?

Answer 1

Так что я понял это.

добавить attributeBindings: [ "значение"] в App.DatePicker:

App.DatePicker = JQ.DatePicker.extend({ 
     dateFormat: 'yy-mm-dd', 
     classNames: ['form-control'], 
     onSelect: function(dateText, inst) { 
     this.value = dateText; 
     this.set('value',dateText); 
     }, 

     attributeBindings: ["value"] 

    }); 

Answer 2

Try:

var date = $('#date').datepicker('getDate'); 

Документация: http://api.jqueryui.com/datepicker/#method-getDate