使用jquery进行预约安排

时间:2012-02-10 18:33:13

标签: javascript jquery

我打算创建一个简单的约会安排来为医生预约,有些事情是这样的:http://arshaw.com/fullcalendar/

我几乎知道关于jquery和javascript的任何事情,但我希望这是一个开始学习更多,当然我的老板要求我这样做。因为创建的约会安排插件不支持波斯日期,他们没用对我来说,我应该从哪里开始形式?我想通过拖放表面设置约会,就像谷歌日历一样:

http://jquery-week-calendar.googlecode.com/svn/trunk/jquery.weekcalendar/full_demo/weekcalendar_full_demo.html

请建议我参考和一些必要的学习步骤。

我感谢任何帮助

2 个答案:

答案 0 :(得分:6)

您需要确保熟悉服务器端语言,并将这些日历日期保存到数据库中。 jQuery只会在客户端执行,这意味着一旦浏览器“刷新”,您将失去所有日历修改。通常,这样的日历如何工作或可以工作是基于AJAX调用(如您列出的网站上的文档所述)

您需要知道您希望托管此日历的地方使用的服务器端编码语言。 .NET,PHP,Ruby等。您需要知道如何通过服务器端代码创建和连接到数据库(Oracle,MySql,MSSQL等)。

所以,如果我给你一个指南,从一般的角度看它会是这样的:

  1. 确定您将运行的语言服务器环境(PHP ,. NET,Ruby等)
  2. 创建并确定您需要使用的数据库类型(MySQL,MSSQL,+其他)。对于新手开发者来说这也不简单。您需要识别服务器主机信息,并创建数据库,使用用户名和密码创建用户,以便您可以使用适当的权限从代码访问数据库。
  3. 找到托管所有文件的位置的文件夹/位置。例如:http://www.eventscalendar.com/youreventscalendergoeshere/
  4. 开始在该文件夹中创建包含日历的页面模板,并放入从该网站提供给您的所有文件。
  5. 尝试在没有任何数据库调用的情况下使日历工作(如果可能),或者只是清空ajax调用。
  6. 一旦日历显示正常,只是不保存任何内容,那么您可以开始查看AJAX调用以及他们如何从数据库发布和请求数据。
  7. 开始将ajax +服务器端代码请求(发布/获取)绑定在一起,直到您确认的值现已成功附加到数据库表中。
  8. 您需要主要了解jQuery AJAX才能使此日历正常工作: http://api.jquery.com/jQuery.ajax/

    如果您适应服务器端技术,那真的并不复杂。

    如果您不理解我在本指南中使用的大部分术语,那么这个项目可能不适合您,而且太高级了。

    干杯,祝你好运。

答案 1 :(得分:1)

如果问题是波斯日期\日历,momentjs.com这是基于fullcalendar的lib已经支持