使用JavaScript/JQuery呈现交互式时间表
本文关键字：交互式 时间表 JQuery JavaScript 使用 | 更新日期: 2023-09-27 18:24:47
我正在使用JavaScript/ASP.NET/C#/CSS/HTML/Compact SQL server创建一个网站。
我已经创建了大部分网站和一个基本的数据库设计，我想全面测试一下。
为此，我想创建一个JavaScript/JQuery前端。我希望拥有的基本功能与谷歌日历完全相同（至少从一开始）。
理想情况下，我希望用户能够通过拖放选择多次，当用户拖放到特定时间时，系统会提示他们输入任务名称。
然后，用户单击提交，数据将保存在数据库中，其中包括用户ID、事件开始时间/持续时间和事件名称。
我的问题很模糊，但最好的办法是什么？我很清楚我想做什么，但我的问题是：
- 使用JQuery/JavaScript创建交互式时间表-有没有类似的数据库集成/想法，我可以使用现有的渲染图
- 如何将所有这些数据保存在数据库中？如果这是一个表单，我可以直接传递数据，但由于不是，我不确定如何做到这一点
非常感谢，如果我的任何细节太模糊，请提问，我会详细阐述。
已经有一些jQuery插件可以满足您的要求：
FullCalendar（请务必查看页面底部的所有演示，尤其是拖放演示）
前沿日历
DhtmlxSchedule（不是jquery，但可能是最高级的）
如果你不想使用这些插件，至少查看这些插件的代码可能是一个好的开始。
如何将所有这些数据保存在数据库中？如果是表格我可以直接传递数据，但事实并非如此，我不确定这怎么可能完成吗？
您只需要使用数据发出ajax请求。无需使用表单，只需向您的处理页面发送帖子或获取请求即可。
我不确定日历结构，但你可以使用jQuery Grid插件，尽管我建议你生成日历结构和初始数据服务器端，也许可以用AJAX加载它。
所有其他的交互都可以用jQuery UI进行，包括拖动&删除AJAX的功能性以存储对数据的更新。