Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何制作包含未来月份和日期的PHP日历?_Php_Jquery_Html_Css_Calendar - Fatal编程技术网

如何制作包含未来月份和日期的PHP日历?

如何制作包含未来月份和日期的PHP日历?,php,jquery,html,css,calendar,Php,Jquery,Html,Css,Calendar,好的,我有一个我正在创建的网站,还有一个用HTML制作的日历 我想将raquo's添加到它显示的位置(2013年1月)的左侧和右侧,这样用户就可以浏览未来和过去的几个月。我如何才能做到这一点,并使其每月更新?有人有什么想法吗?它是用纯xHTML和CSS编码的 长话短说:我怎样才能使日历每月自动更新?另外,我如何浏览未来和过去的几个月?(也许是jQuery?) 非常感谢, IntactDev有数百个Javascript日历可供选择。此网站实际上有一个类别: 我建议在谷歌上搜索类似css-java

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

我想将raquo's添加到它显示的位置(2013年1月)的左侧和右侧,这样用户就可以浏览未来和过去的几个月。我如何才能做到这一点,并使其每月更新?有人有什么想法吗?它是用纯xHTML和CSS编码的

长话短说:我怎样才能使日历每月自动更新?另外,我如何浏览未来和过去的几个月?(也许是jQuery?)

非常感谢,
IntactDev有数百个Javascript日历可供选择。此网站实际上有一个类别:

我建议在谷歌上搜索类似css-javascript日历的东西。这可以为您提供控件等。然后您需要弄清楚如何传递日期(AJAX调用或页面回发以加载不同月份的数据)。无论哪种方式,如果你从一个你喜欢的JavaScript日历(和布局)开始,它都会让你走上正确的道路


注意:您将看到的大多数日历都是用于填写表单的日期选择器,但如果您喜欢,即使是这些日历也可以很容易地进行调整。

您看过AJAX/jQuery吗?它具有日期选择器的功能:

Edit1:您可能需要编辑CSS以使用您自己的配色方案或图像,但我认为它可以满足您的所有需要

Edit2:

您可以使用基于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>

jQuery UI日期选择器-默认功能
$(函数(){
$(“#日期选择器”).datepicker();
});
日期:

我同意@Matthew的说法——实际上有100个。。。一般来说,如果你能避免重新发明轮子,那就这样做。如果您想在布局中找到好看的东西,请查看以下内容:


这是一个php日历。希望这会有所帮助。

您想要服务器端解决方案还是客户端解决方案?纯粹的HTML在这里是不合适的。我更喜欢服务器端解决方案(如果是服务器端,你的意思是它会自动更新当前月份);我不打算使用纯HTML,但我只是按照我的要求设计了它,然后在以后编写函数。那么,你试过什么了吗?你被困在哪里?有什么问题吗?我们不会为你写全部的东西…不,还没有开始。我只是想知道我该怎么做@decezeI我想用我目前的设计,因此,我问我如何使用我的HTML和CSS布局。抓取一个具有您喜欢的功能的JS日历,并将其与用于创建日历的CSS/HTML合并。假设我使用了这个选项:我如何能够将不可用的事件日期设置为红色背景,或者一个红色的数字来表示它们不可用?我觉得很好-你不需要设计它来匹配你的设计,并确定你将如何与它交互(例如,假设你在上面显示事件,当用户加载一个新的月份时是一个AJAX调用还是一个用新数据重新加载页面的帖子)另外-我喜欢@jnunn链接的日期选择器,你不需要彻底学习它。您只需下载AJAX/jQuery文件,将它们添加到项目中,然后将DatePicker AJAX/jQuery代码添加到页面中。