去掉時間字串的時分秒

is橙子發表於2023-05-08
原文網址 : https://www.cnblogs.com/ischengzi/p/17382167.html
字串

如果您在使用類似於Vue.js的儲插值語法，可以透過以下方式來去掉時間字串中的時分秒：

<view class="info">
  <view class="info_text">活動地點：{{detail.activityAddress }}</view>
  <view class="info_text">活動時間：{{detail.gmtStart | formatDate}}~{{detail.gmtEnd | formatDate}}</view>
  <view class="info_text">活動型別：{{detail.type=="1"?"線上":"線下"}}</view>
</view>

在這裡，我們使用了Vue.js的管道符號|，並將detail.gmtStart和detail.gmtEnd傳遞給名為formatDate的自定義過濾器。接下來，我們可以在Vue.js例項中定義這個過濾器：

方法一：

//過濾時間
        filters: {
            formatDate(date) {
                const nDate = new Date(date)
                const year = nDate.getFullYear()
                const month = nDate.getMonth().toString().padStart(2, 0)
                const day = nDate.getDate().toString().padStart(2, 0)
                return year + '-' + month + '-' + day
            }
        },

方法二：

filters: {
  formatDate: function(value) {
    var date = new Date(value);
    return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
  }
}

在這裡，我們將傳遞給過濾器的時間字串轉換為JavaScript中的Date物件，並使用getFullYear()、getMonth()和getDate()方法獲取年、月和日。最後，我們將這些值連線起來並返回格式化的日期字串，其中忽略了時分秒。

效果

 

相關文章