当前位置:首页 > 后端 > php > php+html实现简单日历功能

php+html实现简单日历功能

DChen3年前 (2021-05-05)php2.3 K0

日历这个代码是好久之前接的项目需要用的的时候写的,之前出去面试也碰巧遇到面试官问了这个问题(不知道是不是觉得很多人不会才问的,哈哈),今天有点空就把代码从框架里面抽出来,从新写个简单点的,废话不多说,直接贴代码(代码是直接前后端混写的,分离的话html中的部分代码实际是可以直接归类到php代码处理的)

下面是PHP部分的:

<?Php
$weeksList = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
$year = isset($_GET["year"]) ? $_GET["year"] : date("Y");
$month = isset($_GET["month"]) ? $_GET["month"] : date("m");
$start_weekday = date("w", mktime(0, 0, 0, $month, 1, $year));//每月开始是周几
$begin_date = date('Y-m-01', mktime(0, 0, 0, $month, 1, $year));//当前月份日期
$end_weekday = date('w', strtotime("$begin_date +1 month -1 day"));//每月结束是周几
$days = date("t", mktime(0, 0, 0, $month, 1, $year));//本月有几号
$curr_day = date("d",time());
$months = $year . "-" . $month;//当前年月
$last_year = date("Y", strtotime("last month", strtotime($months)));//当前月的上一个月的年份
$last_month = date("m", strtotime("last month", strtotime($months)));//当前月的上一个月的月份
$first_year = date("Y", strtotime("+1 month", strtotime($months)));//当前月的下一个月的年份
$first_month = date("m", strtotime("+1 month", strtotime($months)));//当前月的下一个月的月份
function get_week($date){
    $start_weekday = date("w",strtotime($date));
    $weeksList = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
    return $weeksList[$start_weekday];
}
function get_last_day($n){
    global $months;
    return (int)date("d",strtotime($months . "-01"."-{$n} day"));
}
function get_first_day($n){
    global $months,$days;
    return (int)date("d",strtotime($months . "-" . $days."{$n} day"));
}
?>


下面是html代码:

<div class="con_right">
    <div class="calculator_title">
        <div class="calculator_title_btn">
            <a href="./test.php?<?php echo http_build_query(['year'=>$last_year,'month'=>$last_month])?>"
               class="calculator_title_btn_a" style="float: right;">上一个月</a>
        </div>
        <div class="calculator_title_text">
            <?php echo $year;?>年<?php echo $month;?>月
        </div>
        <div class="calculator_title_btn">
            <a href="./test.php?<?php echo http_build_query(['year'=>$first_year,'month'=>$first_month])?>"
               class="calculator_title_btn_a" style="float: left;">下一个月</a>
        </div>
    </div>
    <div class="calculator_detail">
        <div class="calculator_week pc">
            <?php foreach ($weeksList as $k => $vo){ ?>
            <div class="calculator_week_span <?php if($k >= $start_weekday){ echo "week";}?>"><? echo $vo;?></div>
            <?php }?>
        </div>
        <div class="calculator_main">
            <!-- 这里是处理当月前段日期的-->
            <? for($i = 0; $i < $start_weekday; $i++){?>
            <div class="calculator_li other_month">
                <div class="calculator_week_li"><? echo $weeksList[$i];?></div>
                <span class="dates"><? echo get_last_day($start_weekday-$i+1);?></span><br/>
                <span class="month"><? echo (int)$last_month . "月";?></span>
            </div>
            <? } ?>
            <!-- 这里是处理当月日期的-->
            <? for($i = 0; $i < $days; $i++){?>
            <div class="calculator_li" <? if($curr_day == ($i+1)){echo "style='background:#2D5F9B;color:#ffffff;'";} ?>>
                <div class="calculator_week_li week"><? echo get_week($year.'-'.$month.'-'.($i+1)); ?></div>
                <span class="dates"><? echo $i+1;?></span><br/>
                <span class="month"<? if($curr_day == ($i+1)){echo "style='color:#ffffff;'";} ?>><? echo (int)$month . "月";?></span>
            </div>
            <? } ?>
            <!-- 这里是处理当月后段日期的-->
            <? $k = 1; for($i = $end_weekday; $i < 6; $i++){?>
            <div class="calculator_li other_month">
                <div class="calculator_week_li"><? echo $weeksList[$i];?></div>
                <span class="dates"><? echo get_first_day($k); $k++;?></span><br/>
                <span class="month"><? echo (int)$first_month . "月";?></span>
            </div>
            <? } ?>
        </div>
    </div>
</div>


最终效果:


php+html实现简单日历功能  php html 日历 第1张

然后css代码由于是剥离出来的,比较杂,就不贴出来了,下面是代码下载地址

此处内容需要评论后才能查看。
点击去评论


取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

版权声明:本文由“憨小猪”发布,如需转载请注明出处。

本文链接:https://www.phper.red/post/74.html

标签: phphtml日历

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。