web-dev-qa-db-ja.com

ノードテンプレートでの日付範囲のレンダリング

Drupal 8）のノードテンプレートで、コンテンツタイプの[日付範囲]フィールドから開始日と終了日の両方をレンダリングしようとしています。使用できないように複数の方法を試しました。

-開始日のみを表示-

{{ kint(node.field_date_range.value ) }} 

{% if node.field_date_range %}
{{ node.field_date_range.value|date(format='l M j') }}
{% endif %}
themingentitiesdatetime
1
Brad

これが、コンテンツをノード上の従来のカレンダーのモックアップに分割できる完全なソリューションです--events--html.twig：

<div class="cal-wrapper">

{% if node.field_date_range.value %}
  <div class="cal-day">
  {{ node.field_date_range.value|date(format='l')  ~ ' thru ' ~ node.field_date_end_range_value|date(format='l') }}
{% else %}
  {{ node.field_date.value|date(format='l') }}
  </div>
{% endif %}

{% if node.field_date_range.value %}
  <div class="cal-month">
  {{ node.field_date_range.value|date(format='M')  ~ ' thru ' ~ node.field_date_end_range_value|date(format='M') }}
 {% else %}
  {{ node.field_date.value|date(format='M') }}
 </div>
 {% endif %}

 {% if node.field_date_range.value %}
   <div class="cal-main-date">
   {{ node.field_date_range.value|date(format='j')  ~ ' thru ' ~ node.field_date_end_range_value|date(format='j') }}
 {% else %}
   {{ node.field_date.value|date(format='j') }}
   </div>
 {% endif %}

 </div>
1
Brad

'data_range'フィールドの終了値には、'。value'の代わりに'。end_value'を使用できます。例：

{% if node.field_date_range %}
  {{ node.field_date_range.end_value|date(format='l M j') }}
{% endif %}

すみません、私の悪い英語。

0
José Abraham