https://github.com/leepyng/vue-datepicker-infinite

easy datepicker of a vue 2.0 component
https://github.com/leepyng/vue-datepicker-infinite

Last synced: 8 months ago
JSON representation

easy datepicker of a vue 2.0 component

• Host: GitHub
• URL: https://github.com/leepyng/vue-datepicker-infinite
• Owner: leepyng
• Created: 2018-05-08T07:11:05.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-08-28T06:13:59.000Z (over 6 years ago)
• Last Synced: 2025-04-07T03:01:52.364Z (8 months ago)
• Language: Vue
• Size: 542 KB
• Stars: 16
• Watchers: 1
• Forks: 14
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-vue-zh - vue2-日期选择无限 - Vue2的无限datePicker,易于使用且无依赖关系. (UI组件 / 日历)
• awesome-vue - vue2-datePicker-infinite - easy datepicker of a vue 2.0 component ` 📝 2 years ago` (UI Components [🔝](#readme))
• awesome-vue - vue2-datePicker-infinite - An infinite datePicker for Vue2, easy to use and no dependencies. (Components & Libraries / UI Components)
• awesome-vue - vue2-datePicker-infinite ★5 - An infinite datePicker for Vue2, easy to use and no dependencies. (UI Components / Calendar)
• awesome-vue - vue2-datePicker-infinite - An infinite datePicker for Vue2, easy to use and no dependencies. (UI Components / Calendar)

README

          
# vue-datepicker-infinite

easy datepicker of a vue 2.0 component







# install

	

	npm install vue2-datepicker-infinite --save

	

# how to use

	template:

		

			

		

	

	script:

		//import

		import DatePicker from './../common/datePicker/datePicker.vue'

		//define

		components:{

			DatePicker

		},

		//set default data

		data(){

			return{

				calendar:{

					monthLength:6,

					show:false,

					start:'2019-08-01',

					last:'2019-08-03',

					begin:'2019-08-01',

					end:'2019-12-01',

					select:(begin,end)=>{

						this.calendar.show=false;

						this.calendar.begin=begin;

						this.calendar.end=end;

					}

				},

			}

		}

		

	

# props description

	monthLength:max month lenght

	beginText:begin text name

	endText:end text name

	isReverseAllow:allow to reverse date when select,

	start:the calendar's begining date

	last:the calendar's last date

	beginDate: begin of the select

	endDate:end of the select