如何在 Qualtrics 中使用 Flatpickr 在日历中选择日期？

Question

我正在尝试将日期范围日历添加到 qualtrics 调查中，但我有点不知所措。

首先，除了 HTML，我对 JS training 和 coding experience 的知识为零，并且在 R 中进行数据管理。请 ELI5（像我五岁一样解释）对所有这一切，请善待。我有一个老板有非常不切实际的期望，尽管被告知我没有编码经验，但一直期望我学会如何做每一件事。摇滚和这里的硬地方。

Qualtrics 令人困惑，因为有些代码需要在外观部分中，而有些代码需要与特定问题相关。

第二，这是我目前所做的：

Qualtrics.SurveyEngine.addOnload(function()
{
var inputId = 'QR~' + this.questionId;
var picker = (".selector").flatpickr(optional_config);
mode: "range",
minDate: new Date().fp_incr(14),
dateFormat: "n.j.y",
);
}

我想达到什么目标？这是我的具体问题。目标是有一个日历或日期输入框，要求您选择一个日期范围，但没有一个日期与当前日期相差不到 2 周。

我还希望将日期写入American style，例如4/6/18 或12/11/19，前面没有零。

我相信我现在设置的内容会要求在文本输入框中输入日期范围，并且不会允许从当天起两周内的任何日期。

我已经从这些链接中拼凑出我能做到的：

qualtricks add javascript link

javascript and qualtrics getting started

javascript and qualtrics Best Practices

flatpickr getting started

所以，我的问题是：

1. 到目前为止我所做的是否有效？

2. 问题中具体需要包含哪些内容，Qualtrics 的“外观和感觉”部分需要包含哪些内容？

3. 如何确保不会撤消调查中的公司标题？

提前谢谢你。

Answer 1

回答您的问题：

1. 不，你所做的在逻辑和语法上都是无效的。
2. 将 flatpickr 库添加到 <script> 标记中的 Look&Feel 标头。您的 JavaScript 代码被添加到日期问题中。
3. 如果您将 <script> 标记中的 flatpickr 库添加到标头中已有的内容，则不会对现有标头产生任何影响。