uniappuview通过“时间戳”实现日历点击上一日，下一日的功能组件.pdfVIP

uniappuview通过“时间戳”实现⽇历点击上⼀⽇，下⼀⽇的功能组件 ⽰例图 第⼀步，页⾯引⽤⽇期控件 步骤 (参考uniapp 官⽅⽂档) template view class=chooise-data view class=yesterday @click=prevDate() 上⼀⽇ /view view class=chooise-box view class=date view class=calendar u-calendar v-model=show ref=calendar @change=change :mode=mode :btn-type=btnType/u-calendar view @click=showChange(){{result}}/view /view view class=date-icon image style=width : 18px ; height: 18px ; src=../static/img/home/pop-date.png mode=/image /view /view /view view class=tomorrow @click=nextDate 下⼀⽇ /view /view /template javasScript 部分 script export default { data() { return { date : , show: false, mode : date, result : this.result, btnType : primary, }; }, beforeMount() { this.result = this.getcurrentday() }, methods: { // 获取当前⽇期展⽰ getcurrentday() { var date = new Date(); let year = date .getFullYear(); let month = date .getMonth() + 1; let day = date .getDate(); ⽉⼩于 ，加 month = month 10 ? 0 + month : month ; // 10 0 ⼩于 ，加 day = day 10 ? 0 + day : day ; //day 10 0 return `${year}-${month}-${day}` ; }, // 获取时间戳⽇期的格式 // 获取时间戳⽇期的格式 因为不知道为什么，加了 初始化⽇期就显⽰为 所以我写了两遍 ﹏ 可能是⽇期格式不对？ // date NAN, ..o(╥ ╥)o( ) getDate(date) { var date = new Date(date); let year = date .getFullYear(); let month = date .getMonth() + 1; let day = date .getDate(); ⽉⼩于 ，加 month = month 10 ? 0 + month : month ; // 10 0 ⼩于 ，加 day = day 10 ? 0 + day : day ; //day 10 0 return `${year}-${month}-${