效果圖

核心代碼

獲取當(dāng)前時(shí)間

toString()方法將數(shù)字轉(zhuǎn)換為字符串

padStart(2, '0')：padStart()方法用于在字符串頭部填充指定的字符，使其達(dá)到指定的長(zhǎng)度。該方法接受兩個(gè)參數(shù)：第一個(gè)參數(shù)為期望得到的字符串長(zhǎng)度，第二個(gè)參數(shù)為要填充的字符。

// 獲取當(dāng)前時(shí)間
const now = new Date();
// 獲取當(dāng)前日期
var year = now.getFullYear();
var month = (now.getMonth() + 1).toString().padStart(2, '0');
var day = now.getDate().toString().padStart(2, '0');
// 獲取當(dāng)前詳細(xì)時(shí)間
var hours = now.getHours().toString().padStart(2, '0');
var minutes = now.getMinutes().toString().padStart(2, '0');
var seconds = now.getSeconds().toString().padStart(2, '0');
// 拼接日期和時(shí)間
var datetime = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;

時(shí)間段的判斷

根據(jù)小時(shí)來(lái)判斷當(dāng)前的時(shí)間段，這里規(guī)定早上：6:00-12:00,下午:12:00-18:00,其余時(shí)間為晚上

const startTime = 6; // 早上開(kāi)始時(shí)間（小時(shí)）
const noonTime = 12; // 下午開(kāi)始時(shí)間（小時(shí)）
const endTime = 18; // 晚上開(kāi)始時(shí)間（小時(shí)）
// 判斷當(dāng)前時(shí)間所屬時(shí)間段，并輸出相應(yīng)的問(wèn)候語(yǔ)
var tp = '';
// 早上6-12
if (hours >= startTime && hours < noonTime) {tp = '早上好';
//下午12-18
} else if (hours >= noonTime && hours < endTime) {tp = '下午好';
//晚上
} else {tp = '晚上好';
} 

完整代碼

<template><view>{{tp+'，當(dāng)前時(shí)間為：'+datetime}}</view>
</template>
<script>export default {data() {return {tp:'',//當(dāng)前時(shí)間段datetime:'',//當(dāng)前時(shí)間}},methods: {},onLoad() {// 獲取當(dāng)前時(shí)間const now = new Date();// 設(shè)置時(shí)間段劃分的時(shí)間點(diǎn)，規(guī)定早上：6:00-12:00,下午:12:00-18:00,其余時(shí)間設(shè)置為晚上const startTime = 6; // 早上開(kāi)始時(shí)間（小時(shí)）const noonTime = 12; // 下午開(kāi)始時(shí)間（小時(shí)）const endTime = 18; // 晚上開(kāi)始時(shí)間（小時(shí)）var tp = '';// 獲取當(dāng)前日期var year = now.getFullYear();var month = (now.getMonth() + 1).toString().padStart(2, '0');var day = now.getDate().toString().padStart(2, '0');// 獲取當(dāng)前時(shí)間var hours = now.getHours().toString().padStart(2, '0');var minutes = now.getMinutes().toString().padStart(2, '0');var seconds = now.getSeconds().toString().padStart(2, '0');// 拼接日期和時(shí)間var datetime = year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;// 判斷當(dāng)前時(shí)間所屬時(shí)間段，并輸出相應(yīng)的問(wèn)候語(yǔ)// 早上6-12if (hours >= startTime && hours < noonTime) {tp = '早上好';//下午12-18} else if (hours >= noonTime && hours < endTime) {tp = '下午好';//晚上} else {tp = '晚上好';} //將數(shù)據(jù)存入data中this.tp = tp;this.datetime = datetime}};
</script>
<style></style>