国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue前端如何去掉后端接口返回的一個(gè)字段中時(shí)間里面的時(shí)分秒 只需要年月日

這篇具有很好參考價(jià)值的文章主要介紹了vue前端如何去掉后端接口返回的一個(gè)字段中時(shí)間里面的時(shí)分秒 只需要年月日。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

在 Vue 前端中,可以使用 JavaScript 中的 Date 對(duì)象來處理日期。對(duì)于從后端接口返回的日期字符串,可以先將其轉(zhuǎn)換為 Date 對(duì)象,然后再使用 getFullYear()、getMonth()、getDate() 等方法獲取年月日等信息。

以下是一個(gè)示例函數(shù),它接受一個(gè)日期字符串作為參數(shù),并返回 YYYY-MM-DD 格式的日期字符串:

function formatDate(dateStr) {
  const date = new Date(dateStr);
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0');
  const day = String(date.getDate()).padStart(2, '0');
  return `${year}-${month}-${day}`;
}

這個(gè)函數(shù)首先創(chuàng)建一個(gè) Date 對(duì)象,并使用 getFullYear() 方法獲取年份,getMonth() 方法獲取月份(需要加上 1,因?yàn)樵路輳?0 開始),以及 getDate() 方法獲取日期。然后,使用 padStart() 方法將月份和日期補(bǔ)充成兩位數(shù),并使用模板字符串將它們拼接起來。

使用方法如下:

const dateStr = '2021-10-01T12:34:56.000Z'; // 從后端接口返回的日期字符串
const formattedDate = formatDate(dateStr); // 轉(zhuǎn)換后的日期字符串,格式為 YYYY-MM-DD
console.log(formattedDate); // 輸出 2021-10-01

注意,上面的示例代碼中假設(shè)后端接口返回的日期字符串格式為 ISO 8601 格式,即類似于 2021-10-01T12:34:56.000Z 這樣的字符串。如果后端返回的日期格式不同,需要根據(jù)實(shí)際情況進(jìn)行調(diào)整。文章來源地址http://www.zghlxwxcb.cn/news/detail-630675.html

到了這里,關(guān)于vue前端如何去掉后端接口返回的一個(gè)字段中時(shí)間里面的時(shí)分秒 只需要年月日的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 前端調(diào)用后端接口,返回200,但是數(shù)據(jù)返回的是html標(biāo)簽

    前端調(diào)用后端接口,返回200,但是數(shù)據(jù)返回的是html標(biāo)簽

    這是一個(gè)前后端分離的項(xiàng)目,后端已經(jīng)完成,后端在本地上,自動(dòng)創(chuàng)建了數(shù)據(jù)庫(kù),前端為了完成一個(gè)注冊(cè)功能,去調(diào)用后端的/registerUser接口,當(dāng)輸入用戶名和密碼的時(shí)候,我也查過csdn上其他博主的回答,但是并不能很清除的去解決我的問題,這邊的bug是返回的雖然是 200 響應(yīng)

    2024年03月22日
    瀏覽(75)
  • 后端接口返回文件流,前端實(shí)現(xiàn)docx/pdf/excel等類型文件的導(dǎo)出功能

    最近遇到一個(gè)需求,在后端返回文件流后前端需要實(shí)現(xiàn)導(dǎo)出docx類型的文件。在網(wǎng)上查看了一些資料總結(jié)了兩種比較常用的方法。 1、封裝接口 注意:接口需要添加 responseType: “blob”,否則會(huì)出現(xiàn)文件下載后無法打開或者損壞的情況。 2、轉(zhuǎn)換數(shù)據(jù)格式 導(dǎo)出word文件,需要在創(chuàng)

    2024年01月21日
    瀏覽(31)
  • 后端接口返回近萬條數(shù)據(jù),前端渲染緩慢,content Download 時(shí)間長(zhǎng)的優(yōu)化方案

    后端接口返回近萬條數(shù)據(jù),前端渲染緩慢,content Download 時(shí)間長(zhǎng)的優(yōu)化方案

    性能優(yōu)化,是前端繞過不去的一道門檻,甚是重要。最近一年,也很少有機(jī)會(huì)在項(xiàng)目中進(jìn)行前端性能優(yōu)化,一直在忙于業(yè)務(wù)開發(fā)。 最近終于是來了機(jī)會(huì),遇到了這樣的場(chǎng)景,心里也甚是激動(dòng),寫個(gè)隨筆記錄下性能優(yōu)化的過程及邏輯,有需要的可以參考下。 后端接口一下子返

    2023年04月17日
    瀏覽(26)
  • 后端接口返回圖片(數(shù)據(jù)流)前端怎么處理(ArrayBuffer轉(zhuǎn)base64)【包含PC以及小程序】

    后端接口返回圖片(數(shù)據(jù)流)前端怎么處理(ArrayBuffer轉(zhuǎn)base64)【包含PC以及小程序】

    MDN-前端必看網(wǎng)站 #最后如果axios的封裝時(shí)有封裝響應(yīng)攔截器,如下: 要給這個(gè)if判斷的條件做補(bǔ)充 這里放axios官網(wǎng)的請(qǐng)求配置中 responseType 可選值參考(封裝axios必須了解) axios官網(wǎng)地址

    2024年02月14日
    瀏覽(27)
  • 保存mongodb數(shù)據(jù)時(shí)出現(xiàn)_class字段,應(yīng)該如何去掉

    保存mongodb數(shù)據(jù)時(shí)出現(xiàn)_class字段,應(yīng)該如何去掉

    配置如下: application.yml文件內(nèi)容如下 公共類如下 IBasicDao類: 其實(shí)現(xiàn)類BasicDao內(nèi)容如下 實(shí)體類(Article)如下 服務(wù)實(shí)現(xiàn)類(ArticleServiceImpl) 控制類(ArticleController) 成功插入數(shù)據(jù)后 發(fā)現(xiàn)多了個(gè)_class字段,解決辦法如下 新建配置類(MongoConfig) 結(jié)果如下 失敗案例: 新建配置

    2024年02月22日
    瀏覽(27)
  • 后端處理一個(gè)較大的json文件返回?cái)?shù)據(jù)給前端太慢該如何優(yōu)化?

    要優(yōu)化后端處理較大JSON文件并提高返回?cái)?shù)據(jù)給前端的速度,可以嘗試以下幾種方法: 優(yōu)化數(shù)據(jù)庫(kù)查詢:如果你的后端從數(shù)據(jù)庫(kù)中提取數(shù)據(jù)并將其轉(zhuǎn)換為JSON格式,可以優(yōu)化數(shù)據(jù)庫(kù)查詢來提高效率。確保使用適當(dāng)?shù)乃饕蛢?yōu)化查詢語(yǔ)句。 逐步加載數(shù)據(jù):將大型JSON文件分割成較

    2024年03月24日
    瀏覽(37)
  • VUE項(xiàng)目后端接口返回圖片流,圖片在preview里,怎么把圖片顯示到頁(yè)面上?

    VUE項(xiàng)目后端接口返回圖片流,圖片在preview里,怎么把圖片顯示到頁(yè)面上?

    今天碰到一個(gè)接口,后端返的二維碼是文件流,在preview里能看到,但response里啥都沒有,這種情況怎么拿到這張圖片呢?

    2024年02月12日
    瀏覽(23)
  • java controller 根據(jù)權(quán)限控制返回前端字段

    該方案通過 AOP切面 + 注解 處理控制返回字段信息 該注解在controller層方法上使用,用于需要進(jìn)行字段過濾的接口 該注解在字段Field上使用,用于需要進(jìn)行權(quán)限控制的字段 AOP切面對(duì)標(biāo)有注解的方法及字段進(jìn)行過濾,在切面內(nèi)自定義業(yè)務(wù)邏輯對(duì)返回字段進(jìn)行處理 功能設(shè)計(jì)參考:

    2024年02月10日
    瀏覽(18)
  • SpringBoot中如果字段為空就不返回給前端

    SpringBoot中如果字段為空就不返回給前端

    大概內(nèi)容: SpringBoot中如果字段為空就不返回給前端,可以使用@JsonInclud()來實(shí)現(xiàn)這個(gè)功能,可用的參數(shù)如下。 JsonInclude.Include.ALWAYS 這個(gè)是默認(rèn)策略 ,任何情況下都序列化該字段,跟沒加一樣。 JsonInclude.Include.NON_NULL 這個(gè)最常用 ,為null或者屬性沒有默認(rèn)值。 JsonInclude.Include

    2024年02月07日
    瀏覽(22)
  • SpringBoot返回前端Long類型字段丟失精度問題及解決方案

    Java服務(wù)端返回Long整型數(shù)據(jù)給前端,JS會(huì)自動(dòng)轉(zhuǎn)換為Number類型。而Long類型能表示的最大值為(),當(dāng)數(shù)值超過JS中Number類型的最大值()時(shí),就會(huì)丟失精度。 首先,引入依賴。 新建一個(gè)自定義大數(shù)據(jù)序列化類,如下: 新建Jackson配置類 本文針對(duì)Java服務(wù)端返回Long整型數(shù)據(jù)給前端時(shí)

    2024年03月22日
    瀏覽(304)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包