【问题标题】:Calendar 2 ionic日历 2 离子
【发布时间】:2023-03-17 06:46:01
【问题描述】:

我的 ionic 应用程序上有一个日历,并且有一个 API 可以为我带来数据库中的事件。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://portalemme2.com.br/SaoJoseAPI/agenda', true);

this.http.get('http://portalemme2.com.br/SaoJoseAPI/agenda').map(res => res.json()).subscribe(vetor => {
    this.eventos = vetor.eventos;
});

如何更改日历上显示的日期格式?

每个事件都有一个像“2018-01-01”这样的日期和一个像“01:00:00.0000000”这样的小时(来自数据库)

但是来自 ionic 的日历只接受这种格式的日期 '2017-12-16 01:00:00'

我需要转换所有日期以推入“this.eventos”数组。

【问题讨论】:

    标签: arrays angular typescript ionic-framework calendar


    【解决方案1】:

    您可以使用moment.js,这是一个出色且易于使用的库来操作日期。您应该使用从服务器返回的数据构造一个 Moment 对象,将它们传递给 moment() 函数,然后使用format 方法将日期转换为日历所需的格式。在您的情况下,要转换为这些格式,您应该传递给格式方法,例如“YYYY-MM-DD HH:MM:SS”。

    【讨论】:

    • 但是我从事件中收到了其他数据,例如姓名、信息……我如何才能在日期中使用 moment.js?
    • 您应该提取日期信息并传递给时刻。您能粘贴一个收到的数据示例吗?
    • [{…}] 0:data_final:“2018-01-01”data_inicio:“2018-01-01”排除:0 hora_final:“01:00:00.0000000”hora_inicio:“00: 00:00.0000000" id : 7 info : "Ano novo " nome_evento : "Ano novo" proto : 对象长度 : 1 proto : Array(0)
    • 好的,假设你想生成初始化日期并且你已经把这个例子存储在“event”变量中,你可以这样调用moment:moment(event.data_inicio + " " + event.hora_inicio, " YYYY-MM-DD HH:MM:SS")。第二个参数表示您要传递的格式。
    • 太棒了!我很高兴。请您将答案标记为正确吗?
    猜你喜欢
    • 1970-01-01
    • 2019-08-06
    • 1970-01-01
    • 1970-01-01
    • 2021-12-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-30
    相关资源
    最近更新 更多