在AlloyUI Scheduler中保存，編輯或刪除后，將日期，日期以及開始和結束時間保存在數據庫中

Question

在Alloy UI Scheduler中保存和編輯后，如何將endDate，startDate和時間保存到數據庫中？

目前，我只能保存“內容”

這是我的代碼。

 var eventRecorder = new Y.SchedulerEventRecorder({ on: { save: function (event) { alert('Save Event:' + this.isNew() + ' --- ' + this.getContentNode().val()); }, edit: function (event) { alert('Edit Event:' + this.isNew() + ' --- ' + this.getContentNode().val()); }, delete: function (event) { alert('Delete Event:' + this.isNew() + ' --- ' + this.getContentNode().val()); // Note: The cancel event seems to be buggy and occurs at the wrong times, so I commented it out. // }, // cancel: function(event) { // alert('Cancel Event:' + this.isNew() + ' --- ' + this.getContentNode().val()); } } }); 

Answer 1

示例在這里：

 save: function(event) {
            alert('Save Event:' + this.isNew() + ' --- ' + this.getContentNode().val() + ' startdate : '+this.get('startDate') + ' enddate : '+this.get('endDate') );
          },

Answer 2

您可以通過獲取SchedulerEventRecorder的startDate和endDate屬性來保存開始時間和結束時間：

var eventRecorder = new Y.SchedulerEventRecorder({
  on: {
    save: function(event) {
      console.log(
        'startDate: ' + eventRecorder.get('startDate') +
        '\nendDate: ' + eventRecorder.get('endDate')
      );
    }
  }
});

這是一個可運行的示例：

 YUI().use('aui-scheduler', function(Y) { var eventRecorder = new Y.SchedulerEventRecorder({ on: { save: function(event) { alert( 'startDate: ' + eventRecorder.get('startDate') + '\\nendDate: ' + eventRecorder.get('endDate') ); } } }); var weekView = new Y.SchedulerWeekView(); new Y.Scheduler({ boundingBox: '#myScheduler', date: new Date(2013, 1, 4), eventRecorder: eventRecorder, render: true, views: [weekView] }); }); 

 <script src="https://cdn.rawgit.com/stiemannkj1/701826667a70997013605edcd37e92a6/raw/469fe1ae297e72a5a80eb9015003b7b04eac735e/alloy-ui-3.0.1_aui_aui-min.js"></script> <link href="https://cdn.rawgit.com/stiemannkj1/90be22de7f48c729b443af14796d91d3/raw/a9f35ceedfac7fc0559b121bed105eaf80f10bf2/aui-css_css_bootstrap.min.css" rel="stylesheet"></link> <div id="wrapper" class="yui3-skin-sam"> <div id="myScheduler"></div> </div>