Fullcalendar添加開始日期和endate manualy

Question

這個代碼的fullcalendar for asp工作正常。 http://code.google.com/p/fullcalendar-asp-net/

如何手動輸入或修改startdate和enddate？ （也有一個日期選擇器）
我嘗試改變：

$('#addDialog').dialog({ 

    autoOpen: false, 
    width: 470, 
    buttons: { 
     "Add": function() { 

      //alert("sent:" + addStartDate.format("dd-MM-yyyy hh:mm:ss tt") + "==" + addStartDate.toLocaleString()); 
      var eventToAdd = { 
       title: $("#addEventName").val(), 
       description: $("#addEventDesc").val(), 
       start: addStartDate.format("dd-MM-yyyy hh:mm:ss tt"), 
       end: addEndDate.format("dd-MM-yyyy hh:mm:ss tt") 

      }; 

到

$('#addDialog').dialog({ 

    autoOpen: false, 
    width: 470, 
    buttons: { 
     "Add": function() { 

      //alert("sent:" + addStartDate.format("dd-MM-yyyy hh:mm:ss tt") + "==" + addStartDate.toLocaleString()); 
      var eventToAdd = { 
       title: $("#addEventName").val(), 
       description: $("#addEventDesc").val(), 
       start: $("#addEventStartDate").val(), 
       end: $("#addEventEndDate").val(), 
      }; 

和

function selectDate(start, end, allDay) { 

$('#addDialog').dialog('open'); 

//$("#addEventStartDate").text("" + start.toLocaleString()); 
//$("#addEventEndDate").text("" + end.toLocaleString()); 

$("#addEventStartDate").val(start.format("dd/MM/yyyy hh:mm:ss tt")); 
$("#addEventEndDate").val(end.format("dd/MM/yyyy hh:mm:ss tt")); 

//addStartDate = start; 
//addEndDate = end; 
//globalAllDay = allDay; 

//alert(allDay); 

}

和

<div id="addDialog" style="font: 70% 'Trebuchet MS', sans-serif; margin: 50px;" title="Add Event"> 
<table cellpadding="0" class="style1"> 
     <tr> 
      <td class="alignRight"> 
       name:</td> 
      <td class="alignLeft"> 
       <input id="addEventName" type="text" size="50" /><br /></td> 
     </tr> 
     <tr> 
      <td class="alignRight"> 
       description:</td> 
      <td class="alignLeft"> 
       <textarea id="addEventDesc" cols="30" rows="3" ></textarea></td> 
     </tr> 
     <tr> 
      <td class="alignRight"> 
       start:</td> 
      <td class="alignLeft"> 
       <input id="addEventStartDate" onchange="start" type="text" size="50" /><br /></td> 
     </tr> 
     <tr> 
      <td class="alignRight"> 
       end:</td> 
      <td class="alignLeft"> 
       <input id="addEventEndDate" type="text" size="50" /><br /></td> 
     </tr> 
    </table> 

</div> 

非常感謝你

Answer 1

您是否嘗試過你的對話結合FullCalendar的dayClick回調？另外，您可以在對話框中使用任何datePicker（如jQuery UI DatePicker）。

您可以使用eventClick回調來編輯日曆上已經創建的事件。

希望這會有所幫助！