时间戳

首页 > 解决方案 > 如何将日期从静态网站表单传递到 Google 表单？

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

问题描述

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

我遇到的问题是传递一个日期字段。我应该如何将日期字段传递给 Google 表单？使用文本字段没有问题，因为我使用例如name="entry.77808571" BUT 来匹配它们，对于 Google Form 具有三个条目的日期，例如： 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>

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

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

标签： formsdategoogle-sheetsintegrationgoogle-forms

解决方案

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

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

<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

这允许您查看日期、多项选择选项等的正确格式。

推荐阅读