将日期从 html 表单发送到 Google 日历等

Question

这是一个菜鸟问题。 我想做的是建立一个生日聚会预订网站，让人们填写表格：是/否将参加，姓名，email。 填写“将参加”的表格后，我希望有一个弹出模式，可以选择“添加到您的日历：Google、iCal 等”。 这在 html 形式（javascript/ajax）中是否可行？ 我知道它可以在 WordPress 中完成。 感谢您的任何帮助/建议。

Answer 1

这是您可以做什么的一个非常基本的想法。 我使用此处的答案将表单放入控制台： https://stackoverflow.com/a/47188324/12946266您最有可能需要使用 php 来操作此表单，但我不能在这里使用它。

 const form = document.querySelector('form'); document.getElementById("myForm").addEventListener("submit", function(event) { event.preventDefault(); var values = Object.values(form).reduce((obj, field) => { if(field.type=='radio'){ obj[field.name] = field.checked; }else{ obj[field.name] = field.value; } return obj }, {}) console.log(values); });

 <form id="myForm" action="/action_page.php"> First name: <input type="text" name="fname" value=""><br> Last name: <input type="text" name="lname" value=""><br> email: <input type="text" name="email" value=""><br> <input type="radio" id="attending" name="attendance" value="attending"> <label for="attending">attending</label> <br> <input type="submit" value="Submit"><br> </form>