日历 点击input搜索框弹出日历并且选中日期，再点击搜索框隐藏日历

 

 

 

 

 

 

 

打印出选中的日期：

 

 

 

1.   

 

2.   

     确认
      取消

 

3.  return {
                searchDate: "",
                dateCheck: false,

4.  

            open() {
                this.dateCheck = !this.dateCheck;
                if (this.dateCheck) {

                    if (this.tags[3].checked) {
                        this.slide = 'horizontal'
                    } else if (this.tags[2].checked) {
                        this.slide = 'vertical'
                    } else {
                        this.slide = 'none'
                    }
                    if (this.tags[4].checked) {
                        this.startDate = this.tags[4].value
                    } else {
                        this.startDate = ''
                    }
                    if (this.tags[5].checked) {
                        this.endDate = this.tags[5].value
                    } else {
                        this.endDate = ''
                    }
                    if (this.tags[7].checked) {
                        this.date = this.tags[7].value
                    } else {
                        this.date = ''
                    }
                    this.show = true
                    console.log(this.date)
                }
            },

 

5.     confirm() {
                this.show = false;
                this.dateCheck = !this.dateCheck;
                this.searchDate = this.timeData.fulldate;
            ｝