如何将日期从静态网站表单传递到 Google 表单？

Question

我在一个 HTML 网站上有一个简单的表单。该表单与 Google Form 集成，然后与 Google Sheets 集成。为您提供更多详细信息：当用户在我的网站上提交表单时，数据将被传递以填写 Google 表单，然后保存在 Google 电子表格中。

我遇到的问题是传递日期字段。我应该如何将日期字段传递给 Google 表单？ 使用文本字段没有问题，因为我使用例如 name="entry.77808571" 匹配它们 但， 对于某个日期，Google 表单包含三个条目，例如： name="entry.1307321649_year" name="entry.1307321649_month" name="entry.1307321649_day"

所以一个输入字段有 3 个“名称”属性。

我提供了我的表单代码，所以希望你能明白我上面的意思：

<form  action="https://docs.google.com/forms/u/0/d/e/1FAIpQLSfglf8uoaPBwXQNZb44C3qyDfxV7mv4wIlSTamUfHwolsJ0Lg/formResponse">
                 
          <div class="control-group">
            <div class="form-group floating-label-form-group controls">
              <label class="control-label" for="date">Date</label>
              <input type="text" class="form-control datepicker" name="entry.1307321649" placeholder="Zameldowanie" id="date" required data-validation-required-message="Please enter dates." autocomplete="off">
              <p class="help-block text-danger"></p>
            </div>
          </div>
          <div class="control-group">
            <div class="form-group floating-label-form-group controls">
              <label class="control-label" for="date">Date</label>
              <input type="text" class="form-control datepicker" name="entry.77808571" placeholder="Wymeldowanie" id="date" required data-validation-required-message="Please enter dates." autocomplete="off">
              <p class="help-block text-danger"></p>
            </div>
          </div>  
          <div class="control-group">
            <div class="form-group floating-label-form-group controls">
              <label>Name</label>
              <input type="text" class="form-control" placeholder="Imię i Nazwisko" id="name" name="entry.191476008" required data-validation-required-message="Please enter your name.">
              <p class="help-block text-danger"></p>
            </div>
          </div>
          <div class="control-group">
            <div class="form-group floating-label-form-group controls">
              <label>Email Address</label>
              <input type="email" class="form-control" placeholder="Adres Email" id="email" name="entry.1612291661" required data-validation-required-message="Please enter your email address.">
              <p class="help-block text-danger"></p>
            </div>
          </div>
          <div class="control-group">
            <div class="form-group col-xs-12 floating-label-form-group controls">
              <label>Phone Number</label>
              <input type="number" class="form-control" placeholder="Numer Telefonu" id="phone" name="entry.199915649" required data-validation-required-message="Please enter your phone number.">
              <p class="help-block text-danger"></p>
            </div>
          </div>
          <div class="control-group">
            <div class="form-group floating-label-form-group controls">
              <label>Message</label>
              <textarea rows="5" class="form-control" placeholder="Wiadomość" id="message" name="entry.948216718" data-validation-required-message="Please enter a message."></textarea>
              <p class="help-block text-danger"></p>
            </div>
          </div>
          <br>
          <div id="success"></div>
          <button type="submit" class="btn btn-primary" id="sendMessage">Rezerwuj</button>
        </form>

到目前为止，我使用了一种解决方法并将日期作为文本传递。但后来我在将它与 Google 日历集成时遇到了问题（数据从 Google 表格转到日历），因为我需要一个日期而不是文本。

如果您有任何问题，请大声疾呼并寻求您的帮助。 非常感谢！ 贾斯蒂娜

Answer 1

您可以传递一个将被正确调整的日期，如下所示：

只需传递完整的日期即可，无需拆分为年、月和日 - 就像您现在所做的那样。所以：

<div class="form-group floating-label-form-group controls">
  <label class="control-label" for="date">Date</label>
  <input type="text" class="form-control datepicker" name="entry.1307321649" placeholder="Zameldowanie" id="date" required data-validation-required-message="Please enter dates." autocomplete="off">
</div>

填写您的自定义 HTML 表单时，将完整日期粘贴到相应的输入字段中，格式为 2020-10-15。

在这种格式中，您的日期将在目标电子表格中被正确识别为日期对象。

顺便说一句，如果您为您的 Google 表单创建一个预填 URL，它将看起来例如如下： https://docs.google.com/forms/d/e/XXX/viewform?entry.1141768477=Option+1&entry.1199891753=mail@mail.com&entry.1037962790=2020-10-20&entry.2138552921=Option+1

这使您可以查看日期、多项选择等的正确格式。