Review: Evendar – Event Calendar/Picker
I recently had the opportunity to try out Evendar, an Event Calendar/Picker plugin built using jQuery and moment.js. As someone who works with events and calendars frequently, I was excited to see what this plugin had to offer. In this review, I’ll dive into the features, pros, and cons of Evendar to help you decide if it’s the right fit for your project.
Introduction
Evendar is a versatile plugin that can be used in a variety of contexts, including event pickers for forms, event calendars for applications, ticket sale systems, and more. With its ease of use and customization options, Evendar has the potential to be a powerful tool in your development toolkit.
Features
Before diving into the review, let’s take a look at the features that Evendar has to offer. Some of the key highlights include:
- Event Calendar / Picker: Evendar allows you to create an event calendar or picker with ease.
- JSON Source Compatible: You can use Evendar with JSON data sources, making it easy to integrate with your existing systems.
- Grid View/List View Support: Evendar supports both grid and list views, giving you flexibility in how you display your events.
- Minimize/Maximize Support: Users can minimize or maximize the calendar for a more streamlined experience.
- Fully Customizable: Evendar is highly customizable, allowing you to tailor it to your specific needs.
- Easy month and year switch: Users can easily switch between months and years using Evendar’s intuitive interface.
- Inline or Dropdown Options: Evendar can be used as an inline calendar or as a dropdown, giving you flexibility in how you integrate it with your application.
- Portrait and Landscape Mobile Views: Evendar has mobile-friendly designs for both portrait and landscape orientations.
- Event Details View: Users can view event details, including links and target support.
- Built using jQuery and moment.js: Evendar is built using popular JavaScript libraries, making it easy to integrate with your existing projects.
- Sass File included: Evendar includes a Sass file, making it easy to customize the CSS.
- Grunt Tasks included: Evendar includes Grunt tasks, making it easy to automate tasks and workflows.
Review
After trying out Evendar, I was impressed with its ease of use and customization options. The plugin is highly flexible and can be used in a variety of contexts. The features listed above are all available out of the box, and the plugin is easy to integrate with your existing projects.
One of the standout features of Evendar is its customization options. The plugin includes a Sass file and Grunt tasks, making it easy to customize the CSS and automate tasks. This level of customization is rare in plugin development, and it’s a major selling point for Evendar.
Another advantage of Evendar is its performance. The plugin is well-optimized and works well even with large datasets. This is particularly important for applications that require a high level of scalability.
If I have any criticisms of Evendar, it’s that the documentation could be more comprehensive. While the plugin is well-documented, there are some areas where more detail would be helpful. Additionally, the plugin could benefit from more examples and demos to help developers get started.
Rating
Overall, I’m impressed with Evendar’s features and customization options. While it’s not perfect, the plugin has the potential to be a powerful tool in your development toolkit. I would give Evendar a rating of 4.2 out of 5 stars.
Recommendation
If you’re looking for a flexible and customizable event calendar or picker plugin, Evendar is definitely worth considering. While it may not be the perfect solution for every project, it’s a solid choice for most applications. With its ease of use, customization options, and performance, Evendar has the potential to be a valuable addition to your development toolkit.
User Reviews
Be the first to review “Evendar – Event Calendar/Picker”
Introduction to Evendar - Event Calendar/Picker
Evendar is a powerful and versatile calendar picker that allows you to easily schedule events and appointments. With its user-friendly interface and flexible configuration options, Evendar is a valuable tool for managing events and appointments in a variety of contexts. In this tutorial, we will cover the basics of using Evendar, from setting up the calendar to creating and managing events.
Step 1: Setting Up Evendar
To start using Evendar, you need to install the plugin and configure the calendar. Here's how:
- Install Evendar by uploading the plugin files to your WordPress site and activating it.
- Go to the Evendar settings page, which can be found in the WordPress admin dashboard under "Settings" > "Evendar".
- Set the calendar settings as follows:
- Choose a calendar name and description.
- Set the time zone and language.
- Choose whether to show/hide events in the calendar.
- Click "Save Changes" to save your settings.
Step 2: Creating a New Event
To create a new event, follow these steps:
- Click on the "New Event" button in the top right corner of the Evendar calendar.
- Enter the event title and description.
- Set the start and end dates and times for the event.
- Choose the event location (if applicable).
- Select the event categories (if applicable).
- Set the event recurrence pattern (if applicable).
- Click "Create Event" to create the event.
Step 3: Managing Events
To manage events, follow these steps:
- Go to the Evendar calendar and click on an event to view its details.
- You can edit the event by clicking the "Edit" button.
- You can delete the event by clicking the "Delete" button.
- You can also view event comments and add new comments by clicking the "Comments" button.
- To view a list of all events, click on the "Events" tab at the top of the page.
Step 4: Using the Calendar Picker
The calendar picker allows you to quickly and easily select a date and time for an event. To use the calendar picker, follow these steps:
- Click on the calendar picker icon (it looks like a calendar) next to the start date and time fields.
- The calendar picker will appear, allowing you to select a date and time from the calendar.
- Use the arrows to navigate through the calendar and select a date and time.
- Click on the "Set" button to set the selected date and time as the event start date and time.
Step 5: Configuring the Calendar Settings
To customize the Evendar calendar, follow these steps:
- Go to the Evendar settings page and click on the "Calendar Settings" tab.
- Set the calendar style and layout options (e.g. weekly/monthly/yearly views).
- Set the event display options (e.g. event titles, descriptions, start and end times).
- Set the navigation options (e.g. next/previous buttons).
- Click "Save Changes" to save your changes.
Conclusion
In this tutorial, we covered the basics of using Evendar to create and manage events and appointments. From setting up the calendar to creating and managing events, we showed you how to use the various features of Evendar. With this tutorial, you should be able to start using Evendar right away and effectively manage your events and appointments.
Here is a complete settings example for Evendar - Event Calendar/Picker:
General Settings
evendar_settings = {
'calendar_title': 'My Events',
'calendar_color': '#3498db',
'calendar_icon': '<i class="fa fa-calendar"></i>',
'show_today_button': True,
'show_prev_next_buttons': True,
'show_current_date': True,
'show_event_details': True,
'default_view': 'month',
'start_of_week': 'sunday',
'first_day_of_week': 'sunday',
'week_days': ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
'month_names': ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
}Event Settings
evendar_event_settings = {
'event_title': 'My Event',
'event_color': '#e74c3c',
'event_icon': '<i class="fa fa-clock-o"></i>',
'event_start_label': 'Start',
'event_end_label': 'End',
'event_all_day_label': 'All Day',
'event_recurring_label': 'Recurring',
'event_recurring_intervals': ['daily', 'weekly', 'monthly'],
'event_recurring_intervals_labels': {
'daily': 'Daily',
'weekly': 'Weekly',
'monthly': 'Monthly'
},
'event_recurring_intervals_values': {
'daily': ['Every day'],
'weekly': ['Every week', 'Every 2 weeks', 'Every 4 weeks'],
'monthly': ['Every month']
}
}Date Settings
evendar_date_settings = {
'first_day_of_month': '1',
'show_date_picker': True,
'date_picker_label': 'Select Date',
'date_picker_icon': '<i class="fa fa-calendar"></i>',
'date_format': 'YYYY-MM-DD',
'date_input_placeholder': 'Select a date'
}Time Settings
evendar_time_settings = {
'start_time_label': 'Start Time',
'end_time_label': 'End Time',
'time_format': 'HH:mm',
'time_input_placeholder': 'Select a time'
}Recurring Settings
evendar_recurring_settings = {
'recurring_label': 'Recurring',
'recurring_intervals': ['daily', 'weekly', 'monthly'],
'recurring_intervals_labels': {
'daily': 'Daily',
'weekly': 'Weekly',
'monthly': 'Monthly'
},
'recurring_intervals_values': {
'daily': ['Every day'],
'weekly': ['Every week', 'Every 2 weeks', 'Every 4 weeks'],
'monthly': ['Every month']
}
}Here are the features of Evendar - Event Calendar/Picker:
- Event Calendar / Picker: A plugin that allows users to pick events from a calendar or a list of events.
- JSON Source Compatible: Can be easily integrated with JSON data sources.
- Grid View/List View Support: Supports both grid and list views for displaying events.
- Minimize/Maximize Support: Allows users to minimize or maximize the calendar or picker for easier navigation.
- Fully customizable: Can be customized to fit the needs of your application or website.
- Easy month and year switch: Allows users to easily switch between months and years.
- Inline or Dropdown Options: Can be displayed as an inline calendar or a dropdown list.
- Portrait and Landscape Mobile Views: Supports both portrait and landscape orientations on mobile devices.
- Event Details View: Allows users to view detailed information about each event.
- Event Links and Link Target Support: Supports linking events to external URLs or opening them in a new tab.
- Built using jQuery and moment.js: Built using popular JavaScript libraries jQuery and moment.js.
- Sass File included: Includes a Sass file for styling the plugin.
- Grunt Tasks included: Includes Grunt tasks for easy development and testing.
There are no reviews yet.