php制作日历带节日实验目的,PHP 制作的日历一份

0818b9ca8b590ca3270a3433284dd417.png

*{margin:0;padding:0;list-style-type:none;font-family:"微软雅黑";}

td,th{text-align:center;height:30px;width:40px;line-height:30px;}

th{background:#CCCCCC;}

.week{background:#FFCC33;}

table{border:1px solid #06F;background:#0CF;}

header("content-type:text/html;charset=utf-8");

class Calendar

{

private $year;

private $month;

private $day_week;

private $start = 1970;

private $stop = 2036;

private $weeks = array("日", "一", "二", "三", "四", "五", "六");

private $months = array("01" => "一月", "02" => "二月", "03" => "三月",

"04" => "四月", "05" => "五月", "06" => "六月", "07" => "七月", "08" => "八月",

"09" => "九月", "10" => "十月", "11" => "十一月", "12" => "十二月");

function __construct(){

$this->year=isset($_POST['year']) ? $_POST['year'] : date("Y");

$this->month=isset($_POST['month']) ? $_POST['month'] : date("m");

$this->day_week=date("w", mktime(0, 0, 0, $this->month, 1, $this->year));

}

private function getymd(){

echo "

";

for($i=$this->start;$i<=$this->stop;$i++){

if (strcmp($i, $this->year) == 0) {

$select = "selected style='background-color:#c0c0c0'";

} else {

$select = "";

}

echo "".$i."";

}

echo "

";

echo "

".$this->year."年".$this->month."月".date("d",time()+3600*8)."";

echo "

";

foreach($this->months as $k=>$v){

if (strcmp($k, $this->month) == 0) {

$select = "selected style='background-color:#c0c0c0'";

} else {

$select = "";

}

echo "".$v."";

}

echo "

";

}

private function getweek(){

echo "

";

foreach($this->weeks as $v){

echo "

".$v."";

}

echo "

";

}

private function getdates(){

echo "

";

for($i=0; $iday_week; $i++){

echo "

 ";

}

for($j=1; $j <= date("t", mktime(0, 0, 0, $this->month, 1, $this->year)); $j++){

$i++;

if($j == date("d")){

echo "

".$j."";

}else{

echo "

".$j."";

}

if($i%7 == 0){

echo "

";

}

}

while($i%7 != 0){

echo "

 ";

$i++;

}

}

function run(){

echo "

$this->getymd();

$this->getweek();

$this->getdates();

echo "

";

}

}

$d = new Calendar();

$d->run();

?>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
fullCalendar是一个非常流行的开源日历插件,可以轻松地在网站或应用程序中集成日历功能。以下是一个简单的例子,展示如何使用fullCalendar来创建一个日历,并添加一些简单的日程: 首先,您需要引入fullCalendar的JavaScript和CSS文件,可以通过CDN或下载本地文件进行引入。例如: ```html <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.js"></script> ``` 然后,在HTML中创建一个包含日历的元素,例如: ```html <div id="calendar"></div> ``` 接下来,编JavaScript代码来初始化fullCalendar,并添加一些日程。例如: ```javascript $(document).ready(function() { // 初始化fullCalendar $('#calendar').fullCalendar({ // 设置日历的头部 header: { left: 'prev,next today', center: 'title', right: 'month,basicWeek,basicDay' }, // 设置日程的数据源 events: [ { title: '会议', start: '2021-05-01T10:30:00', end: '2021-05-01T12:30:00' }, { title: '约会', start: '2021-05-07T14:00:00', end: '2021-05-07T16:00:00' }, { title: '生日', start: '2021-05-15' }, { title: '旅行', start: '2021-05-20', end: '2021-05-23' } ] }); }); ``` 在这个例子中,我们设置了日历的头部,包括前一个月、后一个月、今天按钮和标题。然后,我们添加了一些日程,包括会议、约会、生日和旅行。 最后,您可以使用CSS来调整日历的样式,以适应您的网站或应用程序的外观和感觉。例如: ```css #calendar { max-width: 800px; margin: 0 auto; } ``` 这将限制日历的最大宽度,并将其居中放置。 这只是fullCalendar的基本用法,您可以使用fullCalendar的许多其他选项和方法来自定义日历和日程的行为和外观。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值