elementui的時(shí)間選擇器按周選擇時(shí)展示具體日期范圍

HTML代碼:

<el-date-picker
               v-model="week"
               @change="changeTime"
               :picker-options="{firstDayOfWeek: 1}"
               type="week"
               :format="startTimeStamp + ' 至 ' + endTimeStamp"
               placeholder="選擇周">
</el-date-picker>

使用 :picker-options="{firstDayOfWeek: 1}"改變周起始日,默認(rèn)是7
js代碼:

changeTime(val) {
                if(val) {
                    let timeStamp = val.getTime(); //標(biāo)準(zhǔn)時(shí)間轉(zhuǎn)為時(shí)間戳,毫秒級(jí)別
                    this.startTimeStamp = this.timeFun(timeStamp - 24 * 60 * 60 * 1000); //開(kāi)始時(shí)間
                    this.endTimeStamp = this.timeFun(timeStamp + (24 * 60 * 60 * 1000) * 5); //結(jié)束時(shí)間
                    console.log(this.startTimeStamp, this.endTimeStamp)
                    this.searchData.firstDate = new Date(this.startTimeStamp + ' 00:00:00').getTime() //+ ' 00:00:00' //new Date(this.startTimeStamp + ' 00:00:00').getTime() / 1000
                    this.searchData.lastDay = new Date(this.endTimeStamp + ' 23:59:59').getTime() //+ ' 23:59:59' //new Date(this.endTimeStamp + ' 23:59:59').getTime() / 1000
                }else{
                    this.searchData.lastDay = undefined
                    this.searchData.lastDay = undefined
                }
            },

            //時(shí)間戳轉(zhuǎn)為yy-mm-dd hh:mm:ss
            timeFun(unixtimestamp) {
                var unixtimestamp = new Date(unixtimestamp);
                var year = 1900 + unixtimestamp.getYear();
                var month = "0" + (unixtimestamp.getMonth() + 1);
                var date = "0" + unixtimestamp.getDate();
                // var hour = "0" + unixtimestamp.getHours();
                // var minute = "0" + unixtimestamp.getMinutes();
                // var second = "0" + unixtimestamp.getSeconds();
                return year + "-" + month.substring(month.length - 2, month.length) + "-" + date.substring(date.length - 2, date
                        .length)
                    //     +
                    //" " + hour.substring(hour.length - 2, hour.length) + ":" +
                    //minute.substring(minute.length - 2, minute.length) + ":" +
                    //second.substring(second.length - 2, second.length);
            },
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容