Date
Format a date
Returns formatted date
<time class="2020-01-01 17:25 c-date " data-uid="66386f853f408">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="66386f853fcf7" data-uid="66386f853fcf7">
<div class="c-tooltip__wrapper" tabindex="1" aria-describedby="66386f853fcf7">
<!-- 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="66386f853fd5c">
</span>
<div class="c-tooltip__container" aria-hidden="true" role="tooltip" id="66386f853fcf7">
<div class="c-tooltip__content">
<time class="2020-01-01 17:25 c-date" data-uid="66386f853fc7c">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="66386f8540263" data-uid="66386f8540263">
<div class="c-tooltip__wrapper" tabindex="1" aria-describedby="66386f8540263">
<!-- 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="66386f8540297">
</span>
<div class="c-tooltip__container" aria-hidden="true" role="tooltip" id="66386f8540263">
<div class="c-tooltip__content">
<time class="2020-01-01 17:25 c-date" data-uid="66386f8540238">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="66386f8540304" data-uid="66386f8540304">
<div class="c-tooltip__wrapper" tabindex="1" aria-describedby="66386f8540304">
<!-- 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="66386f8540332">
</span>
<div class="c-tooltip__container" aria-hidden="true" role="tooltip" id="66386f8540304">
<div class="c-tooltip__content">
<time class="2024-05-06 05:49 c-date" data-uid="66386f85402df">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="66386f85406e2" data-uid="66386f85406e2">
<div class="c-tooltip__wrapper" tabindex="1" aria-describedby="66386f85406e2">
<!-- 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="66386f8540710">
</span>
<div class="c-tooltip__container" aria-hidden="true" role="tooltip" id="66386f85406e2">
<div class="c-tooltip__content">
<time class="2024-05-11 00:00 c-date" data-uid="66386f85406bb">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. |