如何将日期从静态站点表单传递到 Google 表单?

How to pass a date from a static site form to a Google Form?

我在 HTML 网站上有一个简单的表格。该表单与 Google 表单集成,然后与 Google 表格集成。为您提供更多详细信息:当用户在我的网站上提交表单时,数据将被传递以填写 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 Calendar 集成时遇到了问题(数据从 Google Sheets 到 Calendar),因为我需要日期而不是文本才能这样做。

有问题请大声呼喊,希望能得到您的帮助。 非常感谢! 贾斯蒂娜

您可以传递一个将被正确重新调整的日期,如下所示:

只需传递日期的完整网络,而不分成年月日 - 就像您现在所做的那样。所以:

<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 表单创建一个 Prefill 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

这样您就可以看到日期、multiple-choice 选项等的正确格式