将创建日期拆分为两个字符串答案

【问题标题】：split creation date into two string将创建日期拆分为两个字符串
【发布时间】：2020-03-07 18:32:24
【问题描述】：

能不能把这个字符串一分为二

使用 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

有人知道如何解决这个案子吗？

【问题讨论】：

标签： javascript css json vue.js

【解决方案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>

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

语法：string.split(separator, limit)

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>';

&lt;div id="date"&gt;&lt;/div&gt;

【讨论】：