Дата изменения Время JSON Возврат

Question

Дата изменения Время JSON Возврат

0

У меня есть вывод JSON, который отображает дату:

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

Когда я привожу эти данные через angular.js, он отображается как таковой, но я хотел бы стилизовать его с помощью CSS с раздельными месяцами, днями и годами. Возможно ли это?

Mark B 06 дек. 2015, в 22:27

Источник

0

Было бы неплохо, если бы вы начали принимать некоторые ответы. Посмотрите здесь .
Davide Pastore 20 дек. 2015, в 17:50

Теги:

angularjs

json

3 ответа

Ещё вопросы

Было бы неплохо, если бы вы начали принимать некоторые ответы. Посмотрите здесь .

Blag · Answer 1 · 2015-12-06T19-14-00.000Z

  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>

matthewdaniel · Answer 2 · 2015-12-06T19-10-00.000Z

Я рекомендую использовать 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

Quentin · Answer 3 · 2015-12-06T19-05-00.000Z

С несколькими незначительными исключениями, которые здесь не применяются, CSS может только стилизовать элементы, а не произвольные биты текста.

Напишите свой JavaScript, чтобы разделить дату вверх (вы, вероятно, захотите добавить информацию о часовом поясе и запустить ее через Date()) и поместить каждый сегмент в другой элемент HTML.

Затем создайте каждый элемент по желанию.