Questions Tagged event-calendar
recurence
Answered: The recurrence needs to be handled on the server side. You need to supply the expanded occurrences to the calendar as part of the dataset. Most likely, you will want to show an icon indicating that t...
Changing date format on Day/Week view
Answered: You can use the locale property to apply culture-specific settings (such as date format, first day of week….). const calendar = new DayPilot.Calendar("calendar", {
locale: "en-au",
// ...
});
...
Initialize Calendar to Show Start and End Time on Event
Answered: The showEventStartEnd property isn’t supported in the open-source version of the Calendar component at the moment. However, you can customize the event content as needed using the onBeforeEventRender...
increase day-time insert events column
Answered: The cell duration (and number of cells per hour) can be configured in the Calendar, but this option is only available in the Pro version.
utiliser le local storage
Answered: Yes, this example focused on the configuration of the React calendar on the client side (installation, changing the date, customizing appearance, …). In a standard application, you will need to conne...
Add additional data to the events table
Answered: You can create the modal dialog using DayPilot.Modal.form() - you can find an example here: JavaScript Scheduler: How to Edit Multiple Fields using a Modal Dialog DayPilot.Modal is included in the op...
How to change css and html of Daypilot
Answered: You can use custom CSS easily - the best way is to generate a calendar CSS theme online. You can modify it manually as needed. In the open-source version, you can customize the inner HTML of events, ...
How to show read only calendar
Answered: Yes, you can disable event moving using the eventMoveHandling property: {
eventMoveHandling: "Disabled",
// ...
}
Calendar code in Composition api
Answered: You can take a look at the following tutorial which uses the Composition API in Vue: Vue Resource Calendar (Open-Source)
Use with ASP.Net Core 6
Answered: Yes, no problem. DayPilot is a purely client-side solution so you can use it with any backend. This example includes a .NET 7 project but you can use the same source code with .NET 6 as well. You jus...
Insert another textarea
Answered: You can use a custom modal dialog and add as many field as needed. Here is an example:
async function modalText() {
const form = [
{name: "Name", id: "name", type: "text"},
{name: "D...
How we can Update events coming from api response
Answered: I recommend checking the data that comes from the API endpoint - there might be a problem with the format (most likely the "start" or "end" properties).
multiple event
Answered: This is not supported in the Calendar component at the moment but you can take a look at the Scheduler component which can group concurrent events automatically: https://doc.daypilot.org/scheduler/co...
Multiple event show +1
Answered: > If we have multiple event can we show +2 or +3 etc Please see my answer here: https://forums.daypilot.org/question/5848/multiple-event > in weekly can we change date format You can change the calen...
Setting Number of Appointments
Answered: You can take a look at this tutorial: https://code.daypilot.org/44666/html5-doctor-appointment-scheduling-javascript-php It uses pre-generated slots that are offered to users for making appointments....
Example does not work
Answered: I recommend checking the HTTP call to the API (backend_events.php) in the browser developer console (Network tab). Most likely, you will see a DB-related error instead of the expected JSON array with...
Event test
Answered: The event text gets HTML-encoded (as a protection against XSS attacks) and then it is treated as HTML. That means ASCII line breaks will be ignored. If you need to insert a line break, you'll have to...
daypilot-pro-react package is free for React Calender Component?
Answered: Yes, the "daypilot-pro-react" package is paid. If you are looking for the free package, take a look at "@daypilot/daypilot-lite-react": https://www.npmjs.com/package/@daypilot/daypilot-lite-react The...
How can I fetch value of new column from database and display it on the calendar?
Answered: You can use onBeforeEventRender event handler to modify the event HTML (args.data.html) using the staff column (args.data.staff): https://doc.daypilot.org/calendar/event-customization/ You can also m...
Customer Event Add Modal
Answered: When the users selects a time range the Scheduler fires the onTimeRangeSelected event:
onTimeRangeSelected: args => {
this.create.show(args);
}
You can modify the event handler to...
how to run this project
hii, I am download the source code and run to application but not properly run this application. plz can you gide me.
How can I add full calendar to Spring Boot MVC (Gradle) and Hibernate
Answered: You can take a look at this example that uses DayPilot Pro: https://code.daypilot.org/41760/using-javascript-html5-event-calendar-in-spring-boot-java The Maven config used in this project is very bas...
Week Calendar. How to have events of arbitrary length
Answered: In the Lite (open-source) version this is not supported but in the Pro version you can set the behavior using useEventBoxes property. Please see more here: https://doc.daypilot.org/calendar/exact-eve...
'DayPilot' is not defined
Answered: Please make sure that daypilot-all.min.js is loaded before the month control initialization code [@Html.DayPilotMonth("dp",....]. If the library is not loaded at that point it will generate an error ...
when click on even
when click on event how do I load event detail in pop up, now empty pop up shows up.
how to add Switching Day/Week View
Answered: To switch the view, you just need to change the viewType value and call update(), like this: Switch to day view:
dp.viewType = "Day";
dp.update();
Switch to week view:
dp.viewType = "Week";
d...
Allocating a color to each event
Answered: Please see the documentation: https://doc.daypilot.org/month/event-customization/
MVC with Foreign Key
I'm using daypilot on a ASP.NET Core but my model has a foreign key and I can't add a date for that reason, what can I do? or why I can't add a date, this is my code public class Reservacion { public...
database
Answered: In PHP, you can modify the backend scripts (backend_events.php, backend_create.php) to work with your database. The DB connection properties can be found in _db.php. The MVC version defines the data ...
Questions 1-30 of 58
Next