Question

是否可以使用CSS或其他方式将此字符串分成两个

？

<p>30/10/2018 16:10</p>

进入

<p>30/10/2018</p>
<p>16:10</p>

因为我有一个来自JSON API的字符串数据，通过使用此代码<p>{{creationDate}}</p>会返回类似“ 30/10/2018 16:10”的值

但是我需要它像这样显示

30/10/2018

16:10

有人知道如何解决此案吗？

Answer 1

使用时刻作为日期格式

import moment from 'moment'

Vue.filter('formatDate', function(value) {
  if (value) {
    return moment(String(value)).format('MM/DD/YYYY')
  }
}
Vue.filter('formatTime', function(value) {
  if (value) {
    return moment(String(value)).format('hh:mm')
  }
}
<P>{{yourDateString | formatDate}}</P>
<P>{{yourDateString | formatTime}}</P>

Answer 2

您可以用空格分隔日期，这将为您提供0索引中的日期和1索引中的时间：

<p>{{creationDate.split(' ')[0]}}</p>
<p>{{creationDate.split(' ')[1]}}</p>

Answer 3

您可以使用Javascript分割功能。使用空格作为分隔符。

语法： string.split（分隔符，限制）

了解更多： https://www.w3schools.com/jsref/jsref_split.asp

let creationDate="30/10/2018 16:10";
creationDate=creationDate.split(' ');
const docum=document.getElementById("date");
docum.innerHTML='<p>'+creationDate[0]+'</p>'+'<p>'+creationDate[1]+'</p>';

<div id="date"></div>

将创建日期分成两个字符串

3 个答案: