ホームページ > バックエンド開発 > PHPチュートリアル > 教大家制作简单的php日历_php技巧

教大家制作简单的php日历_php技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース: 2016-05-16 20:04:38
オリジナル
1372 人が閲覧しました

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

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

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

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<&#63;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

&#63;>

ログイン後にコピー

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

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

<div style="padding:20px">

  <select name="ddlYear">

  <&#63;php foreach($years as $data) {&#63;>

   <option value="<&#63;php echo $data&#63;>" <&#63;php if($year == $data) echo 'selected="selected"'&#63;>><&#63;php echo $data&#63;></option>

  <&#63;php }&#63;>

  </select>

  <select name="ddlMonth">

  <&#63;php foreach($months as $data) {&#63;>

   <option value="<&#63;php echo $data&#63;>" <&#63;php if($month == $data) echo 'selected="selected"'&#63;>><&#63;php echo $data&#63;></option>

  <&#63;php }&#63;>

  </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">

   <&#63;php foreach($draws as $draw) {&#63;>

    <tr>

    <&#63;php foreach($draw as $date) {&#63;>

     <td class="<&#63;php echo $date['tdclass']&#63;>">

      <p class="<&#63;php echo $date['pclass']&#63;>"><&#63;php echo $date['day']&#63;></p>

     </td>

    <&#63;php }&#63;>

    </tr>

   <&#63;php }&#63;>

  </tbody>

 </table>

ログイン後にコピー

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

  1)计算这个月总天数

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

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

/**

  * @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)将下个月的天数计算出来,分三种情况,星期日、星期六和工作日
  

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

/**

  * @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 &#63;'rest':''), 'pclass' => 'outter'));

   }

  }

   

  //本月日历信息

  for ($i = 1; $i <= $days; $i++) {

   $isRest = $this->_checkIsRest($year, $month, $i);

   //判断是否是休息天

   array_push($dates, array('day' => $i, 'tdclass' => ($isRest &#63;'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 &#63;'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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

/**

 * @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日历

関連ラベル:
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート