HTML日程控件，可以在此基础上做更多的扩展，如实现行程安排等
日历控件，可以在此基础上做更多的扩展，如实现行程安排等 无 htmlhead title日历控件/title meta http-equiv="Content-Type" content="text/html; charset=utf-8"/ meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0
日历控件，可以在此基础上做更多的扩展，如实现行程安排等
<html>
<head>
<title>日历控件</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
<style type="text/css">
.rili {
margin: 30px 0px;
overflow: hidden;
text-align: center;
color: #666
}
.low_calendar {
overflow: hidden;
border: 1px solid #c8d2dc;
}
.low_calendar h1 {
width: 100%;
background: #ff6f7e;
font-size: 14px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
font-weight: 100;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
position: relative
}
.calGrid table {
width: 100%;
border-collapse: collapse;
margin: 0;
padding: 0;
}
.calGrid table th {
background-color: #fff;
border-left: 1px solid #whiteSmoke;
font-size: 12px;
height: 30px;
line-height: 30px;
text-align: center;
vertical-align: middle;
color: #999;
color: #505050;
border-bottom: 1px solid #C8C8C8;
}
.calGrid table td {
width: 12%;
height: 40px;
line-height: 40px;
font-size: 16px;
font-weight: 700 text-align : center;
color: #4A5056;
border-bottom: 1px solid #C8C8C8;
border-left: 1px solid #ccc;
position: relative;
overflow: hidden;
cursor: pointer;
text-align: center;
}
.calGrid table td img {
position: absolute;
left: 0;
top: 0;
display: none
}
.calGrid table td.curr img {
display: block
}
.calGrid table td.disable {
color: #ED5565;
}
.calGrid table td:first-child {
border-left: none;
}
.calGrid table tr:last-child td {
border-bottom: none;
}
.calGrid table td.holiday {
font-size: 12px;
}
.calGrid table th.week_day, .calGrid table td.week_day {
color: #ED5565
}
.calGrid table td.curr {
line-height: 25px;
font-size: 13px;
color: #fff;
background: #ff6f7e;
-moz-box-shadow: 2px #7d92a7 inset;
-webkit-box-shadow: 2px #7d92a7 inset;
box-shadow: 2px #7d92a7 dcdeeb;
}
.calGrid table td.curr span {
display: block;
font-size: 12px;
line-height: 10px;
}
.low_calendar h1 .ldate {
width: 25px;
height: 25px;
background: url(images/ldate.png) no-repeat;
float: left;
position: absolute;
top: 2px;
left: 10px;
overflow: hidden;
text-indent: -99999px
}
.low_calendar h1 .rdate {
width: 25px;
height: 25px;
background: url(images/rdate.png) no-repeat;
float: right;
position: absolute;
top: 2px;
right: 10px;
overflow: hidden;
text-indent: -99999px
}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<?php
/**
* User: yuluo
* Date: 2015-05-08
* Time: 下午3:08
* Desc:实现生成指定月份的日历信息 在此基础上可以无限遐想和扩展...
*/
date_default_timezone_set("Asia/Shanghai");
$time_now = time(); //strtotime("2015-02-04");
if($_REQUEST["date"]){
$time_now = strtotime($_REQUEST["date"]);
}
function getCurMonthFirstDay($date)
{
return date('Y-m-01', strtotime($date));
}
function getCurMonthLastDay($date)
{
return date('Y-m-d', strtotime(date('Y-m-01', strtotime($date)) . ' +1 month -1 day'));
}
$current_y = date("Y", $time_now);
$current_m = date("m", $time_now);
$next_m = date('Ymd', strtotime(date('Y-m-01', $time_now) . ' +1 month'));
$pre_m = date('Ymd', strtotime(date('Y-m-01', $time_now) . ' -1 month'));
?>
<div class="rili">
<div class="chosedate">
<div class="low_calendar">
<h1><a class="ldate" href="date_ctrl.php?date=<?php echo($pre_m); ?>">上一月</a><span><?php echo($current_y); ?>年<?php echo($current_m); ?>月</span><a class="rdate" href="date_ctrl.php?date=<?php echo($next_m); ?>">下一月</a></h1>
<div class="calGrid">
<table cellspacing="1" cellpadding="1">
<tbody>
<tr>
<th class="week_day">周日</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
<th class="week_day">周六</th>
</tr>
<?php
//$time_now = strtotime("2015-05-11");
$str_time_now = date("Y-m-d", $time_now); ////////字符串格式的当前时间
$current_month_first_day = getCurMonthFirstDay($str_time_now); /////////当前月的第一天
$current_month_first_w_val = intval(date("w", strtotime($current_month_first_day))); //////当前月第一天是一周的第几天 周日(0)是第一天
$current_month_last_day = getCurMonthLastDay($str_time_now); ////////当前月的最后一天
$current_week_val = date("w", $time_now);
$current_day_val = date("j", $time_now);
$last_day_val = date("j", strtotime($current_month_last_day)); ////////当前月最后一天的天索引
$strart_time = false;
$int_day_val = 1;
$ctrl_step = $last_day_val + $current_month_first_w_val; ////////控件结束的位置索引
for ($i = 0; $i < 42; $i++) {
if($i == 0){ ?>
<tr>
<?php }
if ($i == $current_month_first_w_val) {
$strart_time = true;
}
if ($i >= $ctrl_step) {
$strart_time = false;
}
if ($strart_time) {
$tem_current_date = date("Y-m-d",strtotime(date("Y-m", $time_now).("-").strval($int_day_val)));
$str_td_class = "";
if (($i%7)==0 || (($i + 1) % 7) == 0){
$str_td_class = "week_day";
}
?>
<td date="<?php echo($tem_current_date); ?>" class="<?php echo($str_td_class); ?>"><?php echo($int_day_val); ?></td>
<?php
$int_day_val++;
} else {
?>
<td class="null"> </td>
<?php
}
if ((($i + 1) % 7) == 0) {
?>
</tr>
<?php
}
}
?>
</tbody>
</table>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(function(){
console.log($("td [date='2015-05-12']"));
});
</script>
</body>
</html>
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
win11雙螢幕行事曆在第二台顯示器上不存在怎麼辦?
Jun 12, 2024 pm 05:47 PM
在Windows11中組織日常工作和例行公事的重要工具是在工作列中顯示時間和日期。此功能通常位於螢幕的右下角，可讓您即時存取時間和日期。透過點擊此區域，您可以調出日曆，從而更輕鬆地檢查即將到來的約會和日期，而無需打開單獨的應用程式。但是，如果您使用多個顯示器，則此功能可能會遇到問題。具體來說，雖然時鐘和日期顯示在所有連接的顯示器上的任務欄上，但點擊第二個顯示器上的日期和時間來顯示日曆的功能不可用。截至目前，此功能僅在主顯示幕上起作用-它與Windows10不同，在Windows10中，按一下任
win10日曆顯示週數
Jan 04, 2024 am 08:41 AM
很多用戶想要透過win10日曆這個工具來查看當前天數，但是日曆不會自動顯示這一功能，其實我們只需要通過簡單的設置，就能夠看到今年的累計週數了哦~win10日曆顯示週數設定教學：1、在桌面左下角的搜尋中輸入日曆並且開啟應用程式。 2.在開啟的日曆應用程式中，點擊左下角的「齒輪」圖示後，會在右側彈出設置，我們點擊「日曆設定」3、繼續在開啟的日曆設定中，找到「週數」然後將週數選項調整到“一年中的第一天”即可。 4.在完成以上設定後，點擊「週」即可看到今年的周數統計了。
從頭到尾：如何使用php擴充cURL進行HTTP請求
Jul 29, 2023 pm 05:07 PM
從頭到尾：如何使用php擴充cURL進行HTTP請求引言：在Web開發中，經常需要與第三方API或其他遠端伺服器進行通訊。而使用cURL進行HTTP請求是一種常見且強大的方式。本文將介紹如何使用php擴充cURL來執行HTTP請求，並提供一些實用的程式碼範例。一、準備工作首先，請確保php已安裝cURL擴充。可以在命令列執行php-m|grepcurl查
Outlook行事曆不同步;
Mar 26, 2024 am 09:36 AM
如果您的Outlook行事曆無法與Google行事曆、Teams、iPhone、Android、Zoom、Office帳號等同步，請執行下列步驟來解決問題。日曆應用程式可以連接到其他日曆服務，例如Google日曆、iPhone、安卓、微軟Office365等，這是非常有用的，因為它可以自動同步。但如果OutlookCalendar無法與第三方日曆同步怎麼辦?可能的原因可能是選擇錯誤的日曆進行同步，日曆不可見，後台應用程序幹擾，過時的Outlook應用程序或日曆應用程序，等等。修復Outlook日曆不同步的初步
無法開啟win10右下角的行事曆
Dec 26, 2023 pm 05:07 PM
有使用win0系統的小夥伴有遇見win10日曆打不開的情況，這個是正常的電腦的小故障而已，在win10系統的隱私設定裡可以解決，今天小編帶來了詳細的解決方法，下面大家一起來看看吧。 win10右下角的行事曆打不開解決方法1、在win10系統中點選開始→點擊上方的程式清單按鈕→往下找到拼音（中文）R→行事曆2、初次使用，可能新事件會點不開（滑鼠靠上去，不會有選取的深藍色），可以在隱私中設定一下。點擊桌面左上方的三道槓圖示→底部就會有設定選單;3、在彈出的介面中點擊隱私;4、如果之前使用過設置，可以點擊左
win10日曆事件沒有彈跳窗提醒怎麼辦?win10日曆事件提醒沒了的恢復方法
Jun 09, 2024 pm 02:52 PM
行事曆可以幫助使用者記錄你的行程，甚至可以設定提醒，但是也有不少的使用者在詢問win10行事曆事件提醒不彈出怎麼辦？使用者可以先檢查windows更新狀況或是清除windows應用程式商店快取來進行操作就可以了。以下就讓本站來為使用者來仔細的介紹一下win10日曆事件提醒不彈出問題解析吧。新增日曆事件在系統選單中點選「日曆」程式。滑鼠左鍵點擊日曆中的日期。在編輯視窗輸入事件名稱和提醒時間，點選「儲存」按鈕即可新增事件了。 win10日曆事件提醒不彈出問題解決
如何阻止Outlook自動將事件新增到我的日曆
Feb 26, 2024 am 09:49 AM
作為電子郵件管理器應用程序，MicrosoftOutlook允許我們安排活動和約會。它透過提供在Outlook應用程式中建立、管理和追蹤這些活動(也稱為事件)的工具，使我們能夠保持有序。然而，有時會將不需要的事件加入Outlook中的日曆中，這會對使用者造成混亂，並向日曆發送垃圾郵件。在本文中，我們將探討可協助我們防止Outlook自動將事件新增至我的日曆中的各種方案和步驟。 Outlook活動-簡要概述Outlook事件具有多種用途，並具有許多有用的功能，具體如下：日曆整合：在Outlook
win11時間老是不準確怎麼解決？ Win11時間調整教學快速解決時間不準確問題
Apr 19, 2024 am 09:31 AM
如果您的Windows11電腦顯示時間錯誤，可能會導致許多問題，甚至阻止您連接到網路。事實上，當系統顯示不正確的日期和時間時，某些應用程式會拒絕開啟或執行。那麼應該如何解決這個問題呢？下面一起來看看吧！方法一：1、我們先右鍵點選下方任務欄空白處，選擇工作列設定2、在工作列設定中找到右側的taskbarcorneroverflow3、然後在它上方找到clock或時鐘選擇開啟即可。方法二：1.按下鍵盤快速鍵win+r調出運行，輸入regedit回車確定。 2、開啟登錄編輯器，在其中找到HKEY
