如何将日期从静态站点表单传递到 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 选项等的正确格式
我在 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 选项等的正确格式