获取 ion-datetime 中的日期值

ion-datetime 是一个跨平台的日期选择器，可以通过用户界面选择日期和时间。有时我们需要获取 ion-datetime 中的日期值以进行后续处理，本文将介绍如何仅获取 ion-datetime 中的日期值。

示例代码

以下是一个示例的 ion-datetime 控件，用于选择日期和时间：

<ion-datetime [(ngModel)]="selectedDate" display-format="DD-MMM-YYYY HH:mm"></ion-datetime>

将 [(ngModel)] 绑定到 selectedDate 上，以保存用户选择的值。为了获取仅包含日期值的对象，我们需要使用 JavaScript 中的 Date 对象，并将其解构为包含年、月和日的对象：

const { year, month, day } = new Date(this.selectedDate);
const selectedDateValue = { year, month: month + 1, day };

在上面的代码中，我们使用 this.selectedDate 获取 ion-datetime 的当前值，并将其传递给 Date 构造函数以创建 Date 对象。通过解构 Date 对象，我们可以获取 year、month 和 day 的值，并将它们组合成一个新的日期对象 selectedDateValue。

注意：上述代码的 month 值为 0 到 11，因此我们必须将其加 1，以便它从 1 开始计数。

总结

使用上述代码，可以很容易地从 ion-datetime 控件中获取仅包含日期值的对象。这可以帮助开发人员进行后续处理，例如将日期值存储在数据库中或进行其他计算。

希望这篇文章能够对你有所帮助！