Vue2 Daterange Picker

Theme by Innologica

|

Updated: 9 Sep 2022

|

332 Stars

Vue2 date range picker

Categories

Overview:

The vue2-daterange-picker is a date range picker for Vue.js based on bootstrap-daterangepicker without using jQuery. It offers a user-friendly interface for selecting date ranges. The documentation and demo can be found on the given link.

Features:

• No jQuery Dependency: Built on bootstrap-daterangepicker without relying on jQuery.
• Demo and Documentation: Provides easy access to a demo and detailed documentation.
• Installation Guide: Clear instructions for installation included.
• Single Component Export: Allows for exporting single components.
• Support for Disabled Dates: Functionality to disable specific dates.
• Local Demo Setup: Capability to run a local demo easily.

Installation:

To install the vue2-daterange-picker, follow these steps:

1. Install the package via npm:

   npm install vue2-daterange-picker
   

2. Import the component where you need it:

   // In your Vue component file
   import DateRangePicker from 'vue2-daterange-picker';
   

3. Add the component to your Vue components:

   // In your Vue component options
   components: {
       'date-range-picker': DateRangePicker
   }
   

4. Now you can use the date range picker component in your template:

   <date-range-picker></date-range-picker>
   

Summary:

The vue2-daterange-picker offers a convenient solution for implementing a date range picker in Vue.js applications. With features like no jQuery dependency, detailed documentation, support for disabled dates, and a simple installation process, this component provides an efficient way to add date range selection functionality to Vue projects.