Question

好的，我有一个我正在创建的网站，我有一个用HTML制作的日历。

http://screencloud.net/v/b1OD

我想在它所说的位置（2013年1月）的左侧和右侧添加raquo，以便用户可以浏览未来和过去几个月。我怎样才能实现这一目标，并且每月更新一次？有人有主意吗？它是用纯xHTML和CSS编写的。

长话短说：如何自动每月更新日历？另外，我如何浏览未来和过去几个月？（可能是jQuery？）

非常感谢， IntactDev

Answer 1

我同意@马修 - 实际上有100个......而且一般来说，如果你可以避免重新发明轮子 - 这样做。如果你想要一些看起来不错的布局，请查看以下内容：

http://amsul.github.com/pickadate.js/themes.htm

Answer 2

这是一个php日历。 http://keithdevens.com/software/php_calendar希望这会有所帮助。

Answer 3

有数百种Javascript日历可供选择。这个网站实际上有一个类别：http://www.javascriptkit.com/script/cutindex1a.shtml

我建议用Google搜索css javascript calendar之类的内容。这可以为您提供控件等。然后您需要弄清楚如何传递日期（AJAX调用或页面回发以从不同月份加载数据）。无论哪种方式，如果您开始使用您喜欢的JavaScript日历（和布局），它将使您走上正确的道路。

注意：您将看到的大多数日历都是填写表格的日期选择器，但如果您找到喜欢的表格，即使这些日历也很容易调整。

Answer 4

你看过AJAX / jQuery吗？它具有日期选择器的功能：

Datepicker jQuery UI

编辑1：您可能需要编辑CSS以使用自己的配色方案或图像，但我认为它将满足您的所有需求。

编辑2：

您可以使用基于jquery.com的CSS或在本地下载，更改和引用它们。

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Datepicker - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
  <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  $(function() {
  $( "#datepicker" ).datepicker();
  });
  </script>
</head>
<body>
  <p>Date: <input type="text" id="datepicker" /></p>
</body>
</html>

如何制作未来月份和日期的PHP日历？

4 个答案: