Date
Format a date
Returns formatted date
<time class="2020-01-01 17:25 c-date " data-uid="662c80b3e216b">Wed 01 Jan 2020</time>
@date([
'action' => 'formatDate',
'timestamp' => '2020-01-01 17:25:43'
])
@enddate
Time Since
Returns time since a specified date
<div class="c-tooltip c-tooltip--top c-tooltip--hidden" original-placement="c-tooltip--top" id="662c80b3e2359" data-uid="662c80b3e2359">
<div class="c-tooltip__wrapper" tabindex="1" aria-describedby="662c80b3e2359">
<!-- icon.blade.php -->
<span class="c-icon c-icon--info c-icon--material c-icon--material-info material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" material-symbol="info" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" aria-hidden="true" data-uid="662c80b3e240b">
</span>
<div class="c-tooltip__container" aria-hidden="true" role="tooltip" id="662c80b3e2359">
<div class="c-tooltip__content">
<time class="2020-01-01 17:25 c-date" data-uid="662c80b3e2292">4 year</time>
</div>
<span class="c-tooltip__arrow"></span>
</div>
</div>
</div>
@date([
'action' => 'timesince',
'timestamp' => '2020-01-01 17:25:43'
])
@enddate
Time Since [With translations]
Returns time since a specified date
<div>
<div class="c-tooltip c-tooltip--top c-tooltip--hidden" original-placement="c-tooltip--top" id="662c80b3e25f5" data-uid="662c80b3e25f5">
<div class="c-tooltip__wrapper" tabindex="1" aria-describedby="662c80b3e25f5">
<!-- icon.blade.php -->
<span class="c-icon c-icon--info c-icon--material c-icon--material-info material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" material-symbol="info" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" aria-hidden="true" data-uid="662c80b3e2659">
</span>
<div class="c-tooltip__container" aria-hidden="true" role="tooltip" id="662c80b3e25f5">
<div class="c-tooltip__content">
<time class="2020-01-01 17:25 c-date" data-uid="662c80b3e2596">4 år</time>
</div>
<span class="c-tooltip__arrow"></span>
</div>
</div>
</div>
</div>
<div>
<div class="c-tooltip c-tooltip--top c-tooltip--hidden" original-placement="c-tooltip--top" id="662c80b3e2701" data-uid="662c80b3e2701">
<div class="c-tooltip__wrapper" tabindex="1" aria-describedby="662c80b3e2701">
<!-- icon.blade.php -->
<span class="c-icon c-icon--info c-icon--material c-icon--material-info material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" material-symbol="info" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" aria-hidden="true" data-uid="662c80b3e275a">
</span>
<div class="c-tooltip__container" aria-hidden="true" role="tooltip" id="662c80b3e2701">
<div class="c-tooltip__content">
<time class="2024-04-27 04:36 c-date" data-uid="662c80b3e26c4">1 sekund</time>
</div>
<span class="c-tooltip__arrow"></span>
</div>
</div>
</div>
</div>
<div>
@date([
'action' => 'timesince',
'timestamp' => '2020-01-01 17:25:43',
'labels' => [
'year' => 'år',
'month' => 'månad',
'week' => 'vecka',
'day' => 'dag',
'hour' => 'timme',
'minute' => 'minut',
'second' => 'sekund'
],
'labelsPlural' => [
'year' => 'år',
'month' => 'månader',
'week' => 'veckor',
'day' => 'dagar',
'hour' => 'timmar',
'minute' => 'minuter',
'second' => 'sekund'
]
])
@enddate
</div>
<div>
@date([
'action' => 'timesince',
'timestamp' => date("Y-m-d H:i:s"), //'2020-01-01 17:25:43',
'labels' => [
'year' => 'år',
'month' => 'månad',
'week' => 'vecka',
'day' => 'dag',
'hour' => 'timme',
'minute' => 'minut',
'second' => 'sekund'
],
'labelsPlural' => [
'year' => 'år',
'month' => 'månader',
'week' => 'veckor',
'day' => 'dagar',
'hour' => 'timmar',
'minute' => 'minuter',
'second' => 'sekund'
]
])
@enddate
</div>
Time Until
Returns time until a specified date
<div class="c-tooltip c-tooltip--top c-tooltip--hidden" original-placement="c-tooltip--top" id="662c80b3e28cc" data-uid="662c80b3e28cc">
<div class="c-tooltip__wrapper" tabindex="1" aria-describedby="662c80b3e28cc">
<!-- icon.blade.php -->
<span class="c-icon c-icon--info c-icon--material c-icon--material-info material-symbols-outlined material-symbols-outlined--filled c-icon--size-md" material-symbol="info" role="img" aria-label="Icon: Undefined" alt="Icon: Undefined" data-nosnippet="" translate="no" aria-hidden="true" data-uid="662c80b3e2925">
</span>
<div class="c-tooltip__container" aria-hidden="true" role="tooltip" id="662c80b3e28cc">
<div class="c-tooltip__content">
<time class="2024-05-02 00:00 c-date" data-uid="662c80b3e287d">4 day</time>
</div>
<span class="c-tooltip__arrow"></span>
</div>
</div>
</div>
@date([
'action' => 'timeuntil',
'timestamp' => date('Y-m-d', strtotime(' + 5 days'))
])
@enddate
Blade component parameters
Key | Default value | Type | Available values | Description |
timestamp | string | - | The date | |
time_since | false | boolean | - | Will return the date since. |
time_since_cap | 6 months | string | - | How long back to spell out time since |
format | D d M Y | string | - | Present date's in this format. Default: D d M Y |
action | formatDate | string | - | What to do with the inputted date: formatDate, timesince, timeuntil. Can be false to just output the timestamp. |
labels | [] | array | - | Array containing translations valid keys: year, month, week, day, hour, minute, second |
labelsPlural | [] | array | - | Array containing translations valid keys: year, month, week, day, hour, minute, second |
id | string | - | The DOM id of the component. | |
classList | [] | array | - | Array containing wrapping classes array |
attributeList | [] | array | - | Array containing keys and values rendered as attributes |
containerAware | false | boolean | true/false | Makes the component container aware. Appends modifiers --size--xs/sm/md/lg to the component. |