vue uniapp 小程序 判斷日期是今天(顯示時分秒)、昨天、本周的周幾、超出本周顯示年月日

效果圖:

在這里插入圖片描述

util.js

/*** 轉換時間*/
const messageFormat = (datetime) =>{	let result = "";let currentTime = new Date();if(isToday(datetime)){result = datetime.substring(11,16);}else if(isYesterday(datetime)){result = "昨天";}else if(isCurrentWeek(datetime)){let day = new Date(datetime).getDay();switch (day){case 1:result = "星期一";break;case 2:result = "星期二";break;case 3:result = "星期三";break;case 4:result = "星期四";break;case 5:result = "星期五";break;case 6:result = "星期六";break;default:result = "星期日";}}else{result = datetime.substring(0,10);}	return result;
}//是否為今天
function isToday(str){var d = new Date(str.replace(/-/g,"/"));var todaysDate = new Date();if(d.setHours(0,0,0,0) == todaysDate.setHours(0,0,0,0)){return true;} else {return false;}
}//是否為昨天
function isYesterday(str){var d = new Date(str.replace(/-/g,"/"));var todaysDate = new Date();todaysDate.setDate(todaysDate.getDate()-1);if(d.setHours(0,0,0,0) == todaysDate.setHours(0,0,0,0)){return true;} else {return false;}
}
//是否為本周內的一天
function isCurrentWeek(str){var d = new Date(str.replace(/-/g,"/"));var todaysDate = new Date();var firstdayoffset = (todaysDate.getDay()==0?7:todaysDate.getDay())-1;todaysDate.setDate(todaysDate.getDate()-firstdayoffset-1);var firstday = todaysDate.toISOString().substring(0,10);firstday = new Date(firstday);todaysDate.setDate(todaysDate.getDate()+8);var lastday = todaysDate.toISOString().substring(0,10);lastday = new Date(lastday);if((d.setHours(0,0,0,0) > firstday.setHours(0,0,0,0)) && (d.setHours(0,0,0,0) < lastday.setHours(0,0,0,0))){return true;} else {return false;}
}module.exports = {messageFormat
}

script

<script>import {messageFormat} from "@/utils/util.js"export default {data() {return {myApplicationQty: 0, //我的用車數量myApplicationQtyTime: null, //我的用車時間}}
</script>

template

<view class="item-time-count"><view class="time" v-if="myApplicationQty != 0">{{myApplicationQtyTime}}</view><view class="mes-count" v-if="myApplicationQty != 0">{{myApplicationQty > 99 ? '99+' : myApplicationQty}}</view>
</view>

methods

methods: {//請求接口返回數據(此處省略)//對返回的時間數據進行轉換時間處理if(res.data.myApplicationQtyTime){// 轉換時間this.myApplicationQtyTime = messageFormat(res.data.myApplicationQtyTime)}
}

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/13397.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/13397.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/13397.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

分層解耦-三層架構

分層解耦-三層架構 Controller&#xff1a;控制層&#xff0c;接收前端發送的請求&#xff0c;對請求進行處理&#xff0c;并響應數據 service&#xff1a;業務邏輯層&#xff0c;處理具體的業務邏輯 dao&#xff1a;數據訪問層&#xff08;持久層&#xff09;&#xff0c;負…

python爬蟲[簡易版]

python爬數據[簡易版] 對于每個網站的爬的原理基本是一樣的,但是具體的代碼寫法的區別就在于爬的數據中解析出想要的數據格式: 以爬取有道詞典中的圖片為例: 第一步:打開網站,分析圖片的數據源來自哪里, https://dict-subsidiary.youdao.com/home/content?invalid&pre…

操作系統磁盤管理類問題

例題&#xff1a;在磁盤上存儲數據的排列方式會影響1/0服務的總時間。假設每個磁道被劃分成10個物理塊&#xff0c;每個物理塊存放1個邏輯記錄。邏輯記錄R1,R2....R10存放在同一個磁道上&#xff0c;記錄的排列順序如下表所示&#xff1a; 假定磁盤的旋轉速度為10ms/周&#xf…

VMware虛擬機-安裝程序無法自動安裝virtual machine......_windows server 2008 R2

系統版本&#xff1a;windows server 2008 R2 問題-安裝程序無法自動安裝virtual machine… 在使用虛擬機安裝windows server 2008 R2系統中&#xff0c;安裝VMware Tools工具安祖啊寄給你失敗&#xff0c;提示安裝程序無法自動安裝virtual machine…&#xff0c;必須手動安裝…

從源頭到洞察:大數據時代的數據提取與分析實戰指南

隨著科技的飛速發展&#xff0c;大數據已經成為現代社會的核心驅動力之一。從商業決策到科學研究&#xff0c;從政策制定到個人生活&#xff0c;數據無處不在&#xff0c;影響著我們的每一個決策。然而&#xff0c;如何從海量的數據中提取有價值的信息&#xff0c;并轉化為深刻…

List類

什么是 List 在集合框架中&#xff0c; List 是一個接口&#xff0c;繼承自 Collection 。 Collection 也是一個接口 &#xff0c;該接口中規范了后序容器中常用的一些方法&#xff0c;具體如下所示&#xff1a; List 中提供了好的方法&#xff0c;具體如下&#xff1a; List…

Conda 常用命令大全

Conda 常用命令大全 配置源conda配置清華源pip配置清華源pip配置阿里源 環境管理創建一個新的虛擬環境列出虛擬環境激活虛擬環境退出虛擬環境刪除虛擬環境復制某個虛擬環境 conda包管理列出全部包安裝包卸載包 pip包管理列出全部包安裝包卸載包 其他命令查詢 conda 版本查看環境…

python發票真偽查驗開發文檔、票據OCR、數電票查驗

想象一下&#xff0c;只需一行行簡潔的代碼&#xff0c;復雜繁瑣的發票審核工作瞬間變得井然有序。翔云發票查驗開發文檔詳盡易懂&#xff0c;即便是Python新手也能迅速上手&#xff0c;搭建起自己的發票真偽查驗系統。無論是紙質發票的掃描圖像&#xff0c;還是電子發票的數據…

C語言詳解:數組指針

數組指針是指針 int* p[10] 這是指針數組的寫法 &#xff0c;因為【】的優先級比*高&#xff0c; 所以為了解決優先級問題&#xff0c;加&#xff08;&#xff09; int(* p)[10]&arr;//數組的地址要存起來 說明p是指針&#xff08;首先與*結合&#xff09;&#xff0c…

哈希表法快速求解最長連續序列 | 力扣128題詳細解析

?????? 歡迎來到我的博客。希望您能在這里找到既有價值又有趣的內容&#xff0c;和我一起探索、學習和成長。歡迎評論區暢所欲言、享受知識的樂趣&#xff01; 推薦&#xff1a;數據分析螺絲釘的首頁 格物致知 終身學習 期待您的關注 導航&#xff1a; LeetCode解鎖100…

Oracle 數據庫 19c 選件和管理包 英文技術文檔

都是英文的&#xff0c;點擊鏈接可單獨下載。點這里批量下載。 Database Options&#xff1a; 數據庫選件或管理包數據表技術白皮書MultitenantData Sheet(12c)White PaperReal Application ClustersData Sheet(12c)White PaperActive Data GuardData Sheet(沒找到)White Pap…

關于電源3(整流濾波電路)

整流濾波電路 框圖 一共有四種整流電路 以下是自己參考別人的文章https://blog.csdn.net/zhuguanlin121/article/details/130653498?ops_request_misc%257B%2522request%255Fid%2522%253A%2522171582622316800215096518%2522%252C%2522scm%2522%253A%252220140713.130102334…

jenkins配置不同版本nodeJS,保姆級叫你配置

問題描述&#xff1a;公司jenkins被改了nodejs版本適配其他項目導致以前的項目構建失敗&#xff0c;原因就是nodejs版本太高或太低導致&#xff0c;這里教大家不去更改服務器默認版本&#xff0c;當需要特殊版本直接在jenkins里配置即可。 過程 1、安裝nodeJS插件 1.1點擊管…

Linux中的nproc命令

2024年5月15日&#xff0c;周三上午 nproc 是一個在類 Unix 系統中使用的命令行實用程序&#xff0c;用于返回系統上可用的處理器核心數量。這個數字通常比物理 CPU 核心的數量要少&#xff0c;因為它可能排除了超線程核心或熱插拔核心。nproc 命令讀取 /proc/cpuinfo 文件來獲…

怎么把照片變小做頭像?多種方法教你圖片改尺寸

現在在社交媒體平臺或者是社交軟件上&#xff0c;我們經常會去更改頭像來展示自己&#xff0c;但是有時候我們拍攝的照片太大無法直接用作頭像&#xff0c;這時候就需要去修改圖片尺寸&#xff0c;將圖片改大小到合適的數值才能使用&#xff0c;那么如何快速的將圖片改大小呢&a…

Ansys Mechanical|中遠程點的Behavior該如何設置?

Remote point是ANSYS mechanical中的一種常見節點自由度耦合建模形式&#xff0c;在轉動裝配體中的連接轉動副、或者在施加遠端約束及遠端載荷的時候&#xff0c;我們經常用到遠端單元來耦合一個面或者一條線。例如銷軸似的滾動摩擦連接&#xff0c;如果我們希望將兩個物體通過…

TCP實現文件傳輸以及下載

目錄 1.上傳文件思路 2.下載文件思路 3.上傳文件代碼 4.下載文件代碼 5.運行格式 1.上傳文件思路 上傳文件就相當于客戶端發送文件 步驟&#xff1a; 創建套接字連接服務器獲取文件大小循環少量多次發送關閉文件和套接字 2.下載文件思路 下載文件就相當于服務器端接收…

layui+java前端傳json后端接收

項目場景&#xff1a; layui前端使用復選框選擇Table的數據傳到java后端進行業務操作 問題描述 報錯類型錯誤JSON轉換接收失敗的類型錯誤 解決方案&#xff1a; 分為前后端兩種情況 先說前端的: 前端需要是集合轉json下面是代碼案例 主界面的table選擇之后通過緩存傳到子界…

JavaScript 實現敏感信息脫敏

JavaScript 實現敏感信息脫敏 銀行卡號脫敏 要在 JavaScript 中對銀行卡信息進行脫敏&#xff0c;可以使用字符串處理方法來替換敏感信息為特定的字符。以下是一個簡單的示例代碼&#xff0c;將銀行卡號的中間數字用 “*” 替換&#xff1a; function desensitizeCardNumber…

小白git

克隆 &#xff1a;git clone 鏈接地址 如果沒有.git文件的話&#xff1a;git init 切換分支&#xff1a;cd 目錄 拉代碼&#xff1a;git pull 查看你自己改了那些文件&#xff1a;git status 添加道本地暫存區&#xff1a;git add * 提交到遠端&#xff1a;git commit …