Vue Datetime screenshot

Vue Datetime

Author Avatar Theme by Mariomka
Updated: 28 Nov 2021
984 Stars

Mobile friendly datetime picker for Vue. Supports date and datetime modes, i18n and more.

Overview:

vue-datetime is a mobile-friendly datetime picker for Vue.js that supports date, datetime, and time modes, as well as internationalization. The project is no longer maintained but offers a simple and customizable way to handle date and time selection.

Features:

  • Mobile Friendly: Designed to work seamlessly on mobile devices.
  • Supports Multiple Modes: Supports date, datetime, and time modes.
  • Internationalization: Date internationalization based on Luxon.
  • Customizable Styling: Theming is supported by overwriting CSS classes.
  • Event Emissions: Emits input and close events for better control.

Installation:

To install vue-datetime, you can use a bundler like Webpack or Rollup. You can manually register the component globally or locally and then download the necessary dependencies like Vue, Luxon, and vue-datetime.

$ npm install vue luxon weekstart vue-datetime

After installation, the component will register itself automatically. If you prefer to use a different name, you can register it explicitly.

Summary:

vue-datetime is a versatile datetime picker for Vue.js that offers a range of features such as internationalization, multiple modes, and theming capabilities. While the project is no longer maintained, it provides a simple and efficient solution for integrating date and time selection in Vue.js applications.