我的页面上有一个来自primeNg
的schedule
,如下所示:
<p-schedule #schedule [defaultDate]="dataSelecionada"[defaultView]="'month'" [header]="schedulerHeader" [events]="events" ></p-schedule>
events
显示正确,但当detime
四舍五入时,如10:00
或11:00
,schedule
不显示分钟部分(如10
显示(,但我想显示它。
我试着使用moment.js
发送一个格式化的日期到时间表,但不起作用,时间表没有显示任何内容。
到目前为止我尝试了什么:
moment(evento.dataAgendamento).format('DD/MM/YYYY HH:mm');
如果只通过moment(evento.dataAgendamento)
,我有相同的初始行为,那么分钟不会显示
evento.dataAgendamento
属性像2018-07-09 08:00:00
一样返回,但按计划只显示08
。
如果有人能帮我,我会非常感激,谢谢。
我找不到使用schedule
自定义时间格式的方法,我就是这么做的:
使用这些CSS
隐藏日历的时间部分:
:host >>> .fc-time { display: none; }
:host >>> .fc-axis.fc-time { display: table-cell; }
然后我把时间放在标题之前:
this.events = agenda.map(evento => {
return {
'title':moment(evento.dataAgendamento).format('HH:mm') + ' ' + evento.agendaGrupo.nome
'start': evento.dataAgendamento,
};
});
这肯定不是最好的解决方案,但它对我有效。