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

Question

这是一个noob问题。我想做的是建立一个生日派对预订网站，让人们填写一张表格：是/否会参加，姓名，电子邮件。填写完"将参加"的表格后，我想有一个弹出模式，可以选择"添加到日历中：谷歌、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>