去掉时间字符串的时分秒
如果您在使用类似于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()
方法获取年、月和日。最后,我们将这些值连接起来并返回格式化的日期字符串,其中忽略了时分秒。
效果