Question

我有一个JSON输出显示日期，如：

"event_start": "2015-12-20 10:00:00",
"event_end": "2015-12-20 12:00:00",

当我通过angular.js引入数据时，它会显示为这样，但我想用CSS来设置它，将月，日和年分开。这甚至可能吗？

Answer 1

除了这里不适用的一些小例外，CSS只能设置元素的样式，而不是任意文本。

编写JavaScript以分割日期（您可能希望添加时区信息并通过Date()运行），并将每个段放入不同的HTML元素中。

然后根据需要设置每个元素的样式。

Answer 2

我建议使用momentjs然后使用角度的日期过滤器。所以在你的控制器或服务中的某个地方就可以做到这一点。

var data.event_start = moment(data.event_start, 'YYYY-MM-DD HH:MM:SS');

然后在html中

<span ng-bind="vm.data.event_start | 'mediumDate'"></span>

并将mediumDate更改为符合您需要的任何引用此页面的内容。 https://docs.angularjs.org/api/ng/filter/date

Answer 3

  v = "2015-12-20 10:00:00";
  a = v.split(' ');
  b = a[0].split('-');
  str = '<span class="year">' + b[0] + '</span>-' + '<span class="month">' + b[1] + '</span>-' + '<span class="day">' + b[2] + '</span>';
  document.getElementById("t").innerHTML = str;

.year{color:red}
.day{color:blue}

<div id="t" ></div>

更改日期时间JSON返回

3 个答案: