https://marketmedia.ru/local/components/fgsoft/events/templates/.default/components/item-dates.js

1Vue.component('v-item-date', {
2    template:
3        '<div v-if="isSingleDay" class="content-grid__date">' +
4        '<div class="content-grid__value">\n' +
5        '{{start | day}}\n' +
6        '</div>\n' +
7        '<div class="content-grid__date-title">\n' +
8        '<b>{{start | month}}{{start | itemYear}}</b><br>\n' +
9        '{{start | itemWeekDay(lang)}}\n' +
10        '</div>\n' +
11        '</div>'+
12        '<div v-else class="content-grid__date">' +
13        '<div class="content-grid__value">\n' +
14        '{{ start | day}}\n' +
15        '</div>\n' +
16        '<div class="content-grid__date-title">\n' +
17        '<b>{{start | month}}</b><br>\n' +
18        '{{start | itemWeekDay(lang)}}\n' +
19        '</div>\n' +
20        '<div class="content-grid__value">\n' +
21        '-{{ end | day}}\n' +
22        '</div>\n' +
23        '<div class="content-grid__date-title">\n' +
24        '<b >{{end | month}}{{end | itemYear}}</b><br>\n' +
25        '{{end | itemWeekDay(lang)}}\n' +
26        '</div>\n' +
27        '</div>'
28    ,
29    props: [
30        'item'
31    ],
32    data: function () {
33        return {}
34    },
35    methods: {},
36    computed:
37    Vuex.mapState({
38        lang: state => state.lang,
39        isSingleDay(){
40            return (this.item.event.date === this.item.event.dateEnd) || (this.item.event.dateEnd === '')
41        },
42        start(){
43            return this.item.event.date
44        },
45        end(){
46            return this.item.event.dateEnd
47        },
48        isNotInOneMonth(){
49            let result = false;

50            if (this.isSingleDay){
51                result = true;
52            }
53            else{
54                result = (new Date(this.start).getMonth() === new Date(this.end).getMonth())
55            }
56            return !result
57        }
58    }),
59    watch: {},
60    mounted: function () {
61    },
62    mixins: [mixin],
63    filters: {
64        day: function (value) {
65            return value.split('-')[2]
66        },
67        month: function (value) {
68            const text = [
69                'Января',
70                'Февраля',
71                'Марта',
72                'Апреля',
73                'Мая',
74                'Июня',
75                'Июля',
76                'Августа',
77                'Сентября',
78                'Октября',
79                'Ноября',
80                'Декабря',
81            ];
82            let date = new Date(value);
83            return text[date.getMonth()];
84        },
85        itemYear(value, hideCurrentYear = true){
86            let date = new Date(value),
87                now = new Date();
88            let year = ' '+date.getUTCFullYear();
89            if (date.getUTCFullYear()===now.getUTCFullYear() && hideCurrentYear){
90                year = '';
91            }
92            return year;
93        },
94        itemWeekDay(value, lang='ru') {
95            let date = new Date(value);
96            return date.toLocaleString(lang, {weekday: 'short'});
97        },
98    }
99});