More Premium Hugo Themes Premium Vue Themes

Vue Cron Editor

Vue component for easier editing of cron expressions.

Vue Cron Editor

Vue component for easier editing of cron expressions.

Author Avatar Theme by karoletrych
Github Stars Github Stars: 63
Last Commit Last Commit: Aug 7, 2021 -
First Commit Created: Aug 8, 2025 -
default image

Overview

VueCronEditor is a powerful component library designed for Vue.js that simplifies the editing of cron expressions. Whether you’re a seasoned developer or a newcomer, this library makes managing cron schedules more user-friendly and intuitive. With its structured interface, it allows users to easily create and modify cron jobs without diving into complex syntax.

The component comes with various tabs that represent different time intervals, making it easier to configure the desired schedule at a glance. By supporting both basic and quartz cron syntax, VueCronEditor caters to different user needs while offering customization options such as language support and tab visibility.

Features

  • Multiple Time Intervals: Provides distinct tabs for minutes, hourly, daily, weekly, monthly, and an advanced option to effectively manage your cron schedule.

  • Customizable Syntax: Supports both basic (5 digits) and quartz (6 digits) cron syntax, allowing flexibility in how users define their schedules.

  • Dynamic Tab Selection: Automatically selects the most appropriate tab based on the initial cron expression provided, ensuring a smooth user experience.

  • Visible Tabs Control: The visibleTabs prop allows you to specify which tabs are displayed, enabling a cleaner interface tailored to specific use cases.

  • State Preservation: With the preserveStateOnSwitchToAdvanced option, users can maintain their input when switching to the advanced tab, preventing frustration and retaining context.

  • Internationalization Support: The locale prop lets you select from supported languages such as English, Polish, and more, making the component accessible to a wider audience.

  • Custom Locales: Users can define their own custom locales using the customLocales prop, enhancing the personalization of the component beyond the built-in options.

  • Easy Integration: Designed for compatibility with Vue ^2.0, making it straightforward to integrate into existing projects with minimal setup.