Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Adriano Fabri 469 posts 1633 karma points
    May 18, 2022 @ 10:04
    Adriano Fabri
    0

    How to format dates in blocklist labels

    Hi to all, In Umbraco v8 I created a blocklist for events.

    I would to show (as label) the title and date of a single event.

    Title is ok, but the date not.

    I set the "Label" field as follow:

    Event: {{ eventTitle }} - {{ eventDate | date : "dd/MM/yyyy" }}
    

    The result, in content node, is:

    Event: 75° Festival di Cannes - 2022-05-21 00:00:00
    

    But I expected it to be:

    Event: 75° Festival di Cannes - 21/05/2022
    

    Can anyone help me to correctly format the label?

    Thank you

    Adriano

  • Dave Woestenborghs 3504 posts 12135 karma points MVP 9x admin c-trib
    May 18, 2022 @ 10:33
    Dave Woestenborghs
    0

    Hi Adriano,

    That should be correct according to the angularJs docs : https://docs.angularjs.org/api/ng/filter/date

    What do you get if you remove the date filter ? Maybe the date property is not a date but a formatted string already.

    Dave

  • Adriano Fabri 469 posts 1633 karma points
    May 18, 2022 @ 15:15
    Adriano Fabri
    0

    The date is an Umbraco DatePicker.

    Yeah, I saw the the angularJs docs before set the filter: https://docs.angularjs.org/api/ng/filter/date

    If I remove the date filter, I have the same result:

    Event: 75° Festival di Cannes - 2022-05-21 00:00:00
    

    So...the filter don't function properly, but I don't know why.

    Adriano

  • Dave Woestenborghs 3504 posts 12135 karma points MVP 9x admin c-trib
    May 19, 2022 @ 06:10
    Dave Woestenborghs
    0

    Hi Adrian,

    It probably does noet work because the date field is not a javascript date object, but a formatted string.

    So maybe you can try this :

    Event: {{ eventTitle }} - {{ Date.parse(eventDate) | date : "dd/MM/yyyy" }}
    
  • Adriano Fabri 469 posts 1633 karma points
    May 20, 2022 @ 13:46
    Adriano Fabri
    0

    Thank you but unfortunately your code return an empty value:

    Event: 75° Festival di Cannes - 
    

    Adriano

  • Veronica 1 post 71 karma points
    Nov 22, 2022 @ 14:18
    Veronica
    0

    Did you ever find a solution to this?

  • Adriano Fabri 469 posts 1633 karma points
    Dec 10, 2022 @ 14:29
    Adriano Fabri
    0

    Hi, sorry for delay.

    Unfortunately I haven't found a solution yet

  • Angel 55 posts 112 karma points
    Dec 02, 2022 @ 19:30
  • Adriano Fabri 469 posts 1633 karma points
    Dec 10, 2022 @ 14:29
    Adriano Fabri
    1

    This is a good news...I'll try this solution

    Thank you Adriano

  • Gulshan Negi 1 post 71 karma points
    Dec 13, 2022 @ 12:44
    Gulshan Negi
    0

    Hi please look at here https://docs.angularjs.org/api/ng/filter/date. You must try this steps.

  • npack 68 posts 378 karma points
    Jul 15, 2024 @ 19:13
    npack
    0

    I am having the same troubles. Anybody have any other suggestions?

    {{eventDate}}
    

    outputs

    "2024-03-13 00:00:00"

    {{eventDate | date:"MM/dd/yyyy"}}
    

    outputs "2024-03-13 00:00:00"

    {{Date.parse(eventDate) | date:"MM/dd/yyyy"}}
    

    outputs ""

    {{eventDate | momentDateTimeZone:"MM/dd/yyyy"}}
    

    throws an exception

  • Asembli 86 posts 260 karma points
    Nov 25, 2024 @ 21:21
    Asembli
    0

    Hi,

    use this instructions

    https://docs.umbraco.com/umbraco-cms/13.latest/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/block-editor/label-property-configuration

    and for js part insert this

    angular.module("umbraco.filters").filter("myFilter", function () {
        return function (input) {
            // Apply any custom logic to modify the output value and return a string
            return moment(input).format('DD. MM. yyyy');
        }
    });
    

    in BlockList editor insert

    {{ eventDate | myFilter }}

    Regards

  • npack 68 posts 378 karma points
    Nov 25, 2024 @ 21:44
    npack
    0

    Thanks Asembli,

    I have moved on to umbraco 14 which doesn't use AngularJs but which suffers from restricting block labels.

    I think that I will be able to do what I need there using a custom UFM component, though it is so convoluted it is hardly worth the effort. I wish there were more built-in UFM label formatting options.

    https://docs.umbraco.com/umbraco-cms/reference/umbraco-flavored-markdown

  • This forum is in read-only mode while we transition to the new forum.

    You can continue this topic on the new forum by tapping the "Continue discussion" link below.

Please Sign in or register to post replies