This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(83.2, 14.000000000000002%, 18%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EM%3C/text%3E%3C/svg%3E)
Hi experts,
I'm using fullcalendar plugin to create a customized calendar because the built-in SharePoint calendar view does not meet several requirement. However, in the built-in calendar, I see there's a "+ Add" button when I hove over on a cell (refer to the circled part in below screenshot)
And when I click on this button, the form to add new event at specified time pops up.
So my question is how to add this feature in fullcalendar?
Thanks,
Michael
Because fullcalendar is a three-party library, I suggest you go to the library’s GitHub to ask how to add a ‘+ Add’ button to this control.
After you have added the button,you could use SP.UI.ModalDialog.showModalDialog() to create a dialog to add a new item.
SP.UI.ModalDialog.showModalDialog() document for your reference:https://learn.microsoft.com/en-us/previous-versions/office/developer/sharepoint-2010/ff410058(v=office.14)
Hi @Amos Wu-MSFT ,
thanks for the answer. I know how to add the button to fullcalendar. To be more specific, what I wanted to know is that in SP built-in calendar, if I select a time slot (say from 8AM - 9AM) and click on "+ Add" button, in the new item form, the "Start Time" and "End Time" are filled in automatically by default with 8AM and 9AM. So how this time is passed to the New Item form?
Thanks,
Michael
You could append start time to the calendar list new form url like:
http://sp/Lists/cal2/newForm.aspx?StartTime=7%20AM
Then you could get the start time from url and set the start time column value as excepted.And the end time SharePoint will assigns endtime to one hour after starttime automatically.
Code for your reference:codeaddinnewform.txt
Test Result(Because I don’t use fullcalendar, I use URL access directly to simulate the test):
Thanks a lot!