-1

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 }} で他のオプションをいくつかテストしましたが、これらのビューとコントローラーがどのように機能するかわかりません。誰かがこのコードを手伝ってくれたり、このトピックに関する素敵なガイドへのリンクを送ってくれませんか?

4

2 に答える 2

1

だから私はそれを理解しました。

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"]

    });
于 2013-08-31T18:19:42.153 に答える
0

試す：

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

ドキュメント: http://api.jqueryui.com/datepicker/#method-getDate

于 2013-08-31T17:29:22.283 に答える