angular - 如何在对话框流参数中添加日期选择器

Question

我在 Dialogflow 中创建了一个聊天机器人 ...我想在我询问 session 日期时添加一个日历日期选择器，例如 与此意图相关的 webhook(在 javascript 中)是:

 function makeAppointment (agent) {

        const appointmentDuration = 1;// Define the length of the appointment to be one hour.

        const dateTimeStart = convertParametersDate(agent.parameters.date, agent.parameters.time,timeZoneOffset);
        const dateTimeEnd = addHours(dateTimeStart, appointmentDuration);
        const appointmentTimeString = getLocaleTimeString(dateTimeStart);
        const appointmentDateString = getLocaleDateString(dateTimeStart);

        return createCalendarEvent(dateTimeStart, dateTimeEnd).then(() => {
            agent.add(` Danke vielmals 😊`);
        }).catch(() => {
            agent.add(` 😔Es tut mir leid`);
        });
    }

此版本用于 facebook ...现在我正在为聊天机器人的网络版本工作(以 Angular 创建)。我正在寻找的是:聊天机器人要求参数日期，例如...显示日历和用户从日历中选择日期(不要输入)

你知道怎么做吗？

Answer 1

好吧，如果您使用的是网络，我建议您使用 Kommunicate .它与 dialogflow 集成并具有多个丰富的内容元素，包括表单、日期选择器和 HTML。对于 facebook，我不认为还有任何东西。

也许您可以创建代码来使用快速回复来详细说明具有可用时间的不同按钮，以及一个用于调用后续事件以实现相同意图并使用新日期重新创建快速回复的更多选项的代码。您一次可以拥有 8 个。