Как добавить дополнительные классы в поле даты в представлениях?

7

Я использую Drupal 7 . Я создал вид, который использует поле даты. Я хотел бы создать дополнительные классы для поля даты для этого конкретного представления.

Например,

<div class="field-content">
 <span class="date">10</span>
 <span class="month">June</span>
 <span class="year">2011</span>
 <span class="time"> 8:00 </span>
</div>

Теперь у меня есть код:

<div class="field-content">
 <span class="date-display-single">10 June 2011, 8:00</span>
</div>

Как я могу сделать это шаг за шагом?

7 theming datetime

3

Вам необходимо установить модуль токенов (последняя бета-версия включает в себя полевые токены) и модуль пользовательских форматеров с http://drupal.org/project/custom_formatters .
Затем включите его на странице модулей.
Зайдите в админ-> структура-> форматеры.
Добавьте новый форматер, введите имя, которое вам нравится.
Формат: HTML + токены
Тип поля: Дата

Formatter:

<span class="day">[node:source:field-datefieldname:custom:j]</span>
<span class="month">[node:source:field-datefieldname:custom:F]</span>
<span class="year">[node:source:field-datefieldname:custom:Y]</span>

Сохранить

Теперь вы создали собственный форматер даты, который вы можете использовать по своему усмотрению!

— Джон
источник

4

Вы можете сделать это без каких-либо дополнительных модулей.

Добавьте поле даты. Исключите это с дисплея. Выберите custom и напишите d в поле (как в php date for the day). Измените «Настройки стиля» - Настройте поле HMTL (установлено на none) и Настройте поле и упаковщик меток HTML (установите на none).
Добавьте поле даты еще раз. Исключите это также с дисплея. Выберите custom и напишите M в поле (как в php date для месяца). Измените «Настройки стиля» - Настройте поле HMTL (установлено на none) и Настройте поле и упаковщик меток HTML (установите на none).
Добавьте поле даты еще раз. Исключите это также с дисплея. Выберите custom и напишите Y в поле (как в дате php для года). Измените «Настройки стиля» - Настройте поле HMTL (установлено на none) и Настройте поле и упаковщик меток HTML (установите на none).
Снова добавьте поле даты (ПОСЛЕДНЕЕ ВРЕМЯ!). НЕ ИСКЛЮЧАЙТЕ ЭТОГО ИЗ ОТОБРАЖЕНИЯ. Выберите custom и напишите G: i (как в php date для часов и минут). Измените «Настройки стиля» - Настройте поле HMTL (установлено на none) и Настройте поле и упаковщик меток HTML (установите на none).
Перепишите результаты этого последнего поля даты. Используя шаблоны замены, вы можете написать что-то вроде этого:
```
<div class="date">
  <span class="day">
    [created]
  </span>
  <span class="month">
    [created_1]
  </span>
  <span class="year">
    [created_2]
  </span>
</div>
```

Результаты переписывания Drupal

— Дэвид Пол
источник

1

Это похоже на отличный метод для созданной даты, но, похоже, вы не можете выбрать «Пользовательский формат», если используете поле модуля «Дата», добавляемое к типу контента?

— Марк

1

@ Марк, если вы столкнулись с этой проблемой, вы можете добавить свои форматы даты, используя / admin / config / региональный / date-time, затем на шагах 1-3 вы выбираете подходящий формат из выпадающего списка вместо пользовательского.

— Webdrips

3

Достаточно быстрое (если вы можете написать php), но немного хакерское решение - переопределить шаблон для этого поля (см. Основы тематики Views ), обработать необработанное значение даты с помощью php, чтобы вынуть отдельные части, а затем склеить их вместе с HTML на ваш выбор.

В качестве альтернативы, я думаю, вы могли бы написать пользовательский форматировщик поля даты ( вот кто-то, кто сделал это для D6). Это было бы хорошим решением, если вы хотите повторно использовать пользовательский форматер в своих узлах.

— marcvangend
источник

1

Это невозможно с помощью пользовательского интерфейса Views. Вам понадобится довольно сложный фрагмент кода, и мне было бы интересно узнать ваш вариант использования, прежде чем предлагать вам разобраться в этом.

Если бы вы спросили, как добавить классы к полю в целом, ответ будет примерно таким:

Нажмите на поле в интерфейсе Views.
Разверните набор полей «Настройки стиля».
Установите флажок «Настроить поле HTML», затем флажок «Создать класс CSS».
Введите желаемый класс.

Возможно, этого решения будет достаточно. В противном случае, я желаю вам удачи.

— tim.plunkett
источник

2

Спасибо за ответ, но ваше решение помогает только изменить класс для всего поля, оно не позволяет мне создавать отдельные кусочки даты.

1

Затем, написание пользовательского форматера, вероятно, является единственным реальным вариантом, к тому времени, когда дата попадает на слой темы полностью обработанным, см. Функцию Helper для получения необработанных и визуализированных данных поля .

— tim.plunkett

1

Это действительно легко, (как только вы знаете, как)

Используйте настраиваемое поле набора отображения

Зайдите в админ / структура / дс / поля

(В меню: Структура -> Показать набор -> Поля)

Нажмите добавить поле кода

Для моего случая использования я ввел следующее

метка

Что-нибудь

юридические лица

Узел

Поле предела

Не заполнено

Код поля

<div>
  <span class="mf-month">[node:created:custom:M]</span> 
  <span class="mf-day">[node:created:custom:d]</span>
</div>

знак

проверено

После того как вы создали поле, перейдите на страницу управления отображением для типа контента и режима просмотра, который вы настраиваете, и выберите новое настраиваемое поле.

Скриншот настройки выше

Скриншот страницы настроек

— Хим
источник