0

这个用于 asp 的 fullcalendar 代码工作正常。 http://code.google.com/p/fullcalendar-asp-net/

如何手动输入或修改开始日期和结束日期？（也使用日期时间选择器）
我尝试更改：

$('#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>

非常感谢您

4

1 回答 1

0

您是否尝试将对话框绑定到 FullCalendar 的 dayClick 回调？此外，您可以在对话框中使用任何 datePicker（如jQuery UI DatePicker）。

您可以使用 eventClick 回调来编辑日历上已创建的事件。

希望这可以帮助！

于 2012-05-24T13:12:36.460 回答