IT_Content

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

누한 2024. 1. 20. 22:09
반응형

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

Documentation Installation You can download daterangepicker using bower: bower install daterangepicker --save Or you can always download the latest release from Github. Integration jQuery jQuery integration includes daterangepicker function that takes 2 pa

sensortower.github.io

 

 

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

Documentation Installation You can download daterangepicker using bower: bower install daterangepicker --save Or you can always download the latest release from Github. Integration jQuery jQuery integration includes daterangepicker function that takes 2 pa

sensortower.github.io

 

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

반응형