如何从DatePicker获取值
我正在尝试使用jquery中的datepicker，但我不知道，如何从中获取值。
我在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.DatePicker}}中测试了一些其他选项，但我不明白这些视图和控制器是如何工作的。 有人可以帮我这个代码或给我一些关于这个主题的好指南的链接？
所以我已经弄清楚了。
将attributeBindings：[“value”]添加到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"] });
尝试：
var date = $('#date').datepicker('getDate');
文档： http ： //api.jqueryui.com/datepicker/#method-getDate