[script][jquery] datepicker from~to (daterangepicker)

Today we will introduce datepicker, which is frequently used in web development.

A typical Datepicker displays one calendar.

However, sometimes you need a datepicker to set the period.

In this case, you must select a start date and an end date.
The following script is a sample for selecting a date range.

 

First, I will share the execution screen.

 

 

https://sensortower.github.io/daterangepicker/docs

daterangepicker Documentation

 

 

This script provides an intuitive UI.

Day / Week / Month / Quarter / Year are displayed at the top left of the screen.

This button serves as a guide for date selection.

When selected, each period provides a UI to display it.

And when you select Last 30 days/Last 90 Days on the left, the date is automatically selected based on the selected criteria.

 

 

#Day

 

 

#Week

 

 

#Month

 

 

#Quarter

 

 

#Year

 

 

This site also provides various custom methods for using daterangepicker and instructions on installation.
https://sensortower.github.io/daterangepicker/docs

daterangepicker Documentation

 

I think most of what you want to express can be achieved with this datepicker.