Compare-date-picker NPM

DatePicker Vue - based date picker plug-in

1.Install： npm install compare-date-picker --save

2.Import global main.js

import compareDatePicker from 'compare-date-picker'
import 'compare-date-picker/dist/compareDatePicker.css'
Vue.use(compareDatePicker)

part

import compareDatePicker from 'compare-date-picker'
import 'compare-date-picker/dist/compareDatePicker.css'
components:{
    compareDatePicker
}

3.Use

1.Shortcuts

The default includes today, yesterday, the past 7 days, the past 14 days, the past 28 days, and the past 30 days, and you can customize the shortcut.

props	type	event	describe
OriginQuicky	Array	cusSetQuickDate	Custom shortcut, the default shortcut will be overwritten

example：
 [
    {
        label:'the past 7 days',
        callback(picker) {
            picker.$emit('cusSetQuickDate',[new Date(new Date().setHours(0,0,0,0)).getTime()-8*24*60*60*1000,new Date(new Date().setHours(0,0,0,0)).getTime()-24*60*60*1000])
        }
    }
 ]

1.New features：Optional range can be set

props	type	default	describe
disabledDate	Array	,new Date().getTime()	A date greater than today is not optional

The parameter is an array with a length of 2, representing the minimum and maximum values. The minimum and minimum values and those greater than the maximum values are not optional. If the minimum value is not required, the first value is null; if the maximum value is not required, the second value is null

1.Customize date range

Select the date range according to the location of the click date

2.Whether to display a comparison date

props	type	default	describe
cusCompareShow	boolean	true	Whether to display a comparable function

You need to select for comparison, and then you can select the shortcut date range comparison

3.props

props	type	default	describe
originDate	Array	new Date(new Date().setHours(0,0,0,0)).getTime() - 72460601000,new Date(new Date().setHours(0,0,0,0)).getTime()	It means start time and end time of the comparison ,can be set
compareDate	Array	[]	It means start time and end time of the comparison ,cannot be set
divider	Stirng	/	The dividing line between a start date and an end date
weekName	Array	"日","一","二","三","四","五","六"	The first must be Sunday and can be changed to other week display