教大家制作简单的php日历

 更新时间:2015年11月24日 10:05  点击:2514

最近的一个项目中,需要将数据用日历方式显示,网上有很多的JS插件,后面为了自己能有更大的控制权,决定自己制作一个日历显示。如下图所示:

一、计算数据
1、new一个Calendar类

2、初始化两个下拉框中的数据,年份与月份

3、初始化要搜索的年份和月份

4、计算得出日历中每一天的数据信息,包括css、天数

<?php require_once 'calendar.php'; $util = new Calendar(); $years = array(2012, 2013, 2014, 2015, 2016);//年份选择自定义 $months = array(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12);//月份数组 //获取post的年份数据 if(empty($_POST['ddlYear'])) {  $year = date('Y'); }else {  $year = $_POST['ddlYear']; } //获取post的月份数据 if(empty($_POST['ddlMonth'])) {  $month = date('n'); }else {  $month = $_POST['ddlMonth']; } $calendar = $util->threshold($year, $month);//获取各个边界值 $caculate = $util->caculate($calendar);//计算日历的天数与样式 $draws = $util->draw($caculate);//画表格,设置table中的tr与td?>

二、html展示
1、休息天的背景色是不同的,不是当前搜索年月的天数字体颜色也是不同的

2、div中做初始化年份与月份的下拉框的操作,并选中当前要搜索的年月

3、数据已计算好,哪个td属于哪个tr也已做好,直接将table打印出来即可
  

<div style="padding:20px">  <select name="ddlYear">  <?php foreach($years as $data) {?>   <option value="<?php echo $data?>" <?php if($year == $data) echo 'selected="selected"'?>><?php echo $data?></option>  <?php }?>  </select>  <select name="ddlMonth">  <?php foreach($months as $data) {?>   <option value="<?php echo $data?>" <?php if($month == $data) echo 'selected="selected"'?>><?php echo $data?></option>  <?php }?>  </select>  <input type="submit" value="修改"/> </div> <table width="100%" cellspacing="0" class="table_calendar">  <thead class="f14">    <tr>     <td width="16%">日</td>     <td width="14%">一</td>     <td width="14%">二</td>     <td width="14%">三</td>     <td width="14%">四</td>     <td width="14%">五</td>     <td width="14%">六</td>    </tr>  </thead>  <tbody class="f14">   <?php foreach($draws as $draw) {?>    <tr>    <?php foreach($draw as $date) {?>     <td class="<?php echo $date['tdclass']?>">      <p class="<?php echo $date['pclass']?>"><?php echo $date['day']?></p>     </td>    <?php }?>     </tr>   <?php }?>  </tbody> </table>

三、Calendar类
1、threshold方法,生成日历的各个边界值

  1)计算这个月总天数

  2)计算这个月第一天与最后一天,各是星期几

  3)计算日历中的第一个日期与最后一个日期
  

/**  * @deprecated 生成日历的各个边界值  * @param string $year  * @param string $month  * @return array  */ function threshold($year, $month) {  $firstDay = mktime(0, 0, 0, $month, 1, $year);  $lastDay = strtotime('+1 month -1 day', $firstDay);  //取得天数   $days = date("t", $firstDay);  //取得第一天是星期几  $firstDayOfWeek = date("N", $firstDay);  //获得最后一天是星期几  $lastDayOfWeek = date('N', $lastDay);    //上一个月最后一天  $lastMonthDate = strtotime('-1 day', $firstDay);  $lastMonthOfLastDay = date('d', $lastMonthDate);  //下一个月第一天  $nextMonthDate = strtotime('+1 day', $lastDay);  $nextMonthOfFirstDay = strtotime('+1 day', $lastDay);    //日历的第一个日期  if($firstDayOfWeek == 7)   $firstDate = $firstDay;  else    $firstDate = strtotime('-'. $firstDayOfWeek .' day', $firstDay);  //日历的最后一个日期  if($lastDayOfWeek == 6)   $lastDate = $lastDay;  elseif($lastDayOfWeek == 7)    $lastDate = strtotime('+6 day', $lastDay);  else   $lastDate = strtotime('+'.(6-$lastDayOfWeek).' day', $lastDay);    return array(    'days' => $days,     'firstDayOfWeek' => $firstDayOfWeek,     'lastDayOfWeek' => $lastDayOfWeek,    'lastMonthOfLastDay' => $lastMonthOfLastDay,    'firstDate' => $firstDate,    'lastDate' => $lastDate,    'year' => $year,    'month' => $month  ); }

2、caculate方法,计算日历的天数与样式

  1)将上个月的天数计算出来,本月第一天的星期不是星期天的话,就需要根据上个月的最后一天计算

  2)将本月的天数遍历出来,如果是休息天就加上特殊的css样式

  3)将下个月的天数计算出来,分三种情况,星期日、星期六和工作日
  

/**  * @author Pwstrick   * @param array $calendar 通过threshold方法计算后的数据  * @deprecated 计算日历的天数与样式  */ function caculate($calendar) {  $days = $calendar['days'];  $firstDayOfWeek = $calendar['firstDayOfWeek'];//本月第一天的星期  $lastDayOfWeek = $calendar['lastDayOfWeek'];//本月最后一天的星期  $lastMonthOfLastDay = $calendar['lastMonthOfLastDay'];//上个月的最后一天  $year = $calendar['year'];  $month = $calendar['month'];    $dates = array();  if($firstDayOfWeek != 7) {   $lastDays = array();   $current = $lastMonthOfLastDay;//上个月的最后一天   for ($i = 0; $i < $firstDayOfWeek; $i++) {    array_push($lastDays, $current);//添加上一个月的日期天数    $current--;   }   $lastDays = array_reverse($lastDays);//反序   foreach ($lastDays as $index => $day) {    array_push($dates, array('day' => $day, 'tdclass' => ($index ==0 ?'rest':''), 'pclass' => 'outter'));   }  }    //本月日历信息  for ($i = 1; $i <= $days; $i++) {   $isRest = $this->_checkIsRest($year, $month, $i);   //判断是否是休息天   array_push($dates, array('day' => $i, 'tdclass' => ($isRest ?'rest':''), 'pclass' => ''));  }    //下月日历信息  if($lastDayOfWeek == 7) {//最后一天是星期日   $length = 6;  }  elseif($lastDayOfWeek == 6) {//最后一天是星期六   $length = 0;  }else {   $length = 6 - $lastDayOfWeek;  }  for ($i = 1; $i <= $length; $i++) {   array_push($dates, array('day' => $i, 'tdclass' => ($i==$length ?'rest':''), 'pclass' => 'outter'));  }    return $dates; }

3、draw方法,画表格,设置table中的tr与td

  1)数据将要用table标签来显示,所以这里要将各个tr下面的td排列好

  2)$index % 7 == 0 计算表格每行的第一列

  3)$index % 7 == 6 || $index == ($length-1) 计算每行的最后一列,或$caculate的最后一个数据

  4)将中间行添加到$tr中,就是每一行的array

 /**  * @author Pwstrick  * @param array $caculate 通过caculate方法计算后的数据  * @deprecated 画表格,设置table中的tr与td  */ function draw($caculate) {  $tr = array();  $length = count($caculate);  $result = array();  foreach ($caculate as $index => $date) {   if($index % 7 == 0) {//第一列    $tr = array($date);   }elseif($index % 7 == 6 || $index == ($length-1)) {    array_push($tr, $date);    array_push($result, $tr);//添加到返回的数据中    $tr = array();//清空数组列表   }else {    array_push($tr, $date);   }  }  return $result; }

通过本文大家应该知道日历制作的方法了,那就趁热打铁,做一个属于自己日历。

附源码:教大家制作简单的php日历

[!--infotagslink--]

相关文章

  • php简单数据操作的实例

    最基础的对数据的增加删除修改操作实例,菜鸟们收了吧...2013-09-26
  • Jquery日历插件制作简单日历

    在页面开发中,经常遇到需要用户输入日期的操作。通常的做法是,提供一个文本框(text),让用户输入,然后,编写代码验证输入的数据,检测其是否是日期类型。这样比较麻烦,同时,用户输入日期的操作也不是很方便,影响用户体验。如果使...2015-10-30
  • php简单日历函数

    本文实例讲述了php实现的日历程序。分享给大家供大家参考。具体如下:<&#63;php /* * php 输出日历程序 */ header("Content-type: text/html;charset=utf-8"); $year=(!isset($_GET['year'])||$_GET['year']=="")&#63;...2015-10-30
  • 解析C#自定义控件的制作与使用实例的详解

    本篇文章是对C#中自定义控件的制作与使用实例进行了详细的分析介绍,需要的朋友参考下...2020-06-25
  • ps怎么制作人物影子效果

    ps软件是现在很多人比较喜欢的,通过ps软件可以制作很不错的图片效果。这次文章就给大家介绍下使用ps怎么制作任务影子,具体制作方法下面一起来看看。 ps人物影子效...2017-07-06
  • 用ps制作二寸证件照

    有没有觉得外面拍的证件照都很丑。那么本文就教大家制作二寸证件照的方法,学会了就能做自己美美的证件照了哈哈! 步骤 双击打开php,首先教大家制作两寸照片的大小。...2016-12-21
  • 关于MySQL外键的简单学习教程

    在MySQL中,InnoDB引擎类型的表支持了外键约束。 外键的使用条件: 1.两个表必须是InnoDB表,MyISAM表暂时不支持外键(据说以后的版本有可能支持,但至少目前不支持); 2.外键列必须建立了索引,MySQL 4.1.2以后的版本在建立外键时...2015-11-24
  • C# 实现简单打印的实例代码

    C# 实现简单打印的实例代码,需要的朋友可以参考一下...2020-06-25
  • 教大家制作简单的php日历

    最近的一个项目中,需要将数据用日历方式显示,网上有很多的JS插件,后面为了自己能有更大的控制权,决定自己制作一个日历显示。如下图所示:一、计算数据 1、new一个Calendar类2、初始化两个下拉框中的数据,年份与月份3、初始...2015-11-24
  • C#实现农历日历的方法

    这篇文章主要介绍了C#实现农历日历的方法,详细分析了使用C#实现农历日历的完整步骤,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
  • ps怎么制作宣传单

    ps软件使用对很多人来说是非常重要的,很多人还不知道使用ps怎么制作宣传单,下面文章就给大家介绍下ps怎么制作宣传单,喜欢次效果的一起来看看。。 首先,我们新建一个2...2017-07-06
  • 一起学写js Calender日历控件

    这篇文章主要和大家一起学写js Calender控件,自己动手编写了一个简易日历控件,感兴趣的小伙伴们可以参考一下...2016-04-17
  • 怎样用PS制作GIF雪糕

    本文为大家带来gif雪糕的制作方法,难度不大,可效果很漂亮哦,关注一聚教程网学起来! 步骤: 1、使用AI新建一个1200*800的画布 2、使用矩形工具创建一个宽为250px,高度不...2016-12-21
  • 利用ps制作非常精致的蓝色水晶按钮

    关于利用ps制作非常精致的蓝色水晶按钮的教程小编在几年前就介绍过许多的相关教程了,今天我们一起再来看一篇水晶按钮制作效果吧。 最终效果 1、打开Adobe Photos...2016-09-14
  • ajax简单与ajax+php实例应用(1/4)

    [ajax介绍]   ajax是使用客户端脚本与web服务器交换数据的web应用开发方法。web页面不用打断交互流程进行重新加裁,就可以动态地更新。使用ajax,用户可以创建接近本地...2016-11-25
  • 美图秀秀制作印章的图文教程

    美图秀秀可以像ps一样的来制作达到ps同样效果的照片了,但美图秀秀是要简单了很多了,就拿利用美图秀秀制作印章讲吧,不会ps的朋友只需要几下就好了,压根没需要什么基础了,下...2016-09-14
  • php简单日历函数

    本文实例讲述了php实现的日历程序。分享给大家供大家参考。具体如下:<&#63;php /* * php 输出日历程序 */ header("Content-type: text/html;charset=utf-8"); $year=(!isset($_GET['year'])||$_GET['year']=="")&#63;...2015-10-30
  • 利用ps 制作粉绿色非主流效果(1/5)

    利用ps 制作粉绿色非主流效果粉色非主流图片的调色方法。作者用的方法非常实用,调色部分直接用通道覆盖法调出淡红色主色,然后处理细节部分,再加上暗角和文字即可。 原图...2016-09-14
  • C#最简单的字符串加密解密方法

    这篇文章主要介绍了C#最简单的字符串加密解密方法,本文直接给出实例代码,需要的朋友可以参考下...2020-06-25
  • JavaScript制作简单的日历效果

    这篇文章主要为大家介绍了JavaScript制作简单的日历效果实现代码,感兴趣的小伙伴们可以参考一下...2016-03-12