界面弹出日历框可以使用插件datepicker,也可以手写个日历插件,自定义更强一些,就是麻烦些,可以参考下我写的 ,比较简单,很方便修改;
网站建设哪家好,找创新互联建站!专注于网页设计、网站建设、微信开发、小程序制作、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了东兴免费建站欢迎大家使用!
点击的时候绑定一个js函数,此函数的作用是将点击的日期值通过ajax发送(get/post)到服务端;
服务端(php)通过$_GET或$_POST接收到传过来的值后,将其存入数据库。
calendar.class.php
代码如下:
?php
class Calendar {
private $year; //当前的年
private $month; //当前的月
private $start_weekday; //当月的第一天对应的是周几
private $days; //当前月一共多少天
function __construct(){
$this-year=isset($_GET["year"]) ? $_GET["year"] : date("Y");
$this-month=isset($_GET["month"]) ? $_GET["month"] : date("m");
$this-start_weekday=date("w", mktime(0, 0, 0, $this-month, 1, $this-year));
$this-days=date("t", mktime(0, 0, 0, $this-month, 1, $this-year));
}
function out(){
echo 'table align="center"';
$this-chageDate("test.php");
$this-weeksList();
$this-daysList();
echo '/table';
}
private function weeksList(){
$week=array('日','一','二','三','四','五','六');
echo 'tr';
for($i=0; $icount($week); $i++)
echo 'th class="fontb"'.$week[$i].'/th';
echo '/tr';
}
private function daysList(){
echo 'tr';
//输出空格(当前一月第一天前面要空出来)
for($j=0; $j$this-start_weekday; $j++)
echo 'td /td';
for($k=1; $k=$this-days; $k++){
$j++;
if($k==date('d'))
echo 'td class="fontb"'.$k.'/td';
else
echo 'td'.$k.'/td';
if($j%7==0)
echo '/trtr';
}
//后面几个空格
while($j%7!==0){
echo 'td /td';
$j++;
}
echo '/tr';
}
private function prevYear($year, $month){
$year=$year-1;
if($year 1970)
$year = 1970;
return "year={$year}month={$month}";
}
private function prevMonth($year, $month){
if($month == 1) {
$year = $year -1;
if($year 1970)
$year = 1970;
$month=12;
}else{
$month--;
}
return "year={$year}month={$month}";
}
private function nextYear($year, $month){
$year = $year + 1;
if($year 2038)
$year = 2038;
return "year={$year}month={$month}";
}
private function nextMonth($year, $month){
if($month==12){
$year++;
if($year 2100)
$year=2100;
$month=1;
}else{
$month++;
}
return "year={$year}month={$month}";
}
private function chageDate($url=""){
echo 'tr';
echo 'tda href="?'.$this-prevYear($this-year, $this-month).'"'.''.'/a/td';
echo 'tda href="?'.$this-prevMonth($this-year, $this-month).'"'.''.'/a/td';
echo 'td colspan="3"';
echo 'form';
echo 'select name="year" onchange="window.location=''.$url.'?year='+this.options[selectedIndex].value+'month='.$this-month.''"';
for($sy=1970; $sy = 2100; $sy++){
$selected = ($sy==$this-year) ? "selected" : "";
echo 'option '.$selected.' value="'.$sy.'"'.$sy.'/option';
}
echo '/select';
echo 'select name="month" onchange="window.location=''.$url.'?year='.$this-year.'month='+this.options[selectedIndex].value"';
for($sm=1; $sm=12; $sm++){
$selected1 = ($sm==$this-month) ? "selected" : "";
echo 'option '.$selected1.' value="'.$sm.'"'.$sm.'/option';
}
echo '/select';
echo '/form';
echo '/td';
echo 'tda href="?'.$this-nextYear($this-year, $this-month).'"'.''.'/a/td';
echo 'tda href="?'.$this-nextMonth($this-year, $this-month).'"'.''.'/a/td';
echo '/tr';
}
}
?
test.php
代码如下:
style
table {
border:1px solid #050;
}
.fontb {
color:white;
background:blue;
}
th {
width:30px;
}
td,th {
height:30px;
text-align:center;
}
form {
margin:0px;
padding:0px;
}
/style
?php
include "calendar.class.php";
$calendar=new Calendar;
$calendar-out();
?
建议;你点击一次刷新一次,当然错误了哦。
连接点击地方是按钮,计算写在函数{}里面。
jq和js都有代码在网上找。
PHP代码:
--------------------------------------------------------------------------------
style
.calendar
{
background-color: #FFFFFF;
border: 1px solid #003366;
}
.calendar .title
{
background-image: url("/theme/monthbg.gif");
line-height: 17pt;
background-color: #D8E2EC;
text-align: center;
vertical-align: middle;
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: Bold;
color: #252216;
}
.calendar .head
{
background-image: url("dayBg.gif");
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: Bold;
color: #433D27;
}
.calendar tbody
{
line-height: 11pt;
background-color: #F5F4D3;
text-align: center;
vertical-align: middle;
}
.calendar td
{
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
line-height: 15pt;
text-align: center;
vertical-align: middle;
width: 25px;
}
.calendar .weekday
{
background-color: #e0e0e0;
}
.calendar .weekend
{
background-color: #d0d0d0;
}
.calendar .today
{
background-color: #f7bebd;
}
.calendar .exmonth
{
background-color: #eeeeee;
}
.calendar a
{
text-decoration: none;
cursor: hand;
}
/style
?php
// 显示某天所在月份的日历
function calendar($time)
{
$start=mktime(0, 0, 0, date('m', $time), 1, date('Y', $time));
$start=$start-date('w', $start)*86400; // extent to start of week
$end=mktime(0, 0, 0, date('m', $time)+1, 1, date('Y', $time));
$end=$end+(7-date('w', $end))*86400; // extent to end of week
//$sWeekday=array('日','一','二','三','四','五','六');
$sWeekday=array('S','M','T','W','T','F','S');
$title=date('M Y', $time);
$prev=mktime(0, 0, 0, date('m', $time)-1, 1, date('Y', $time));
$next=mktime(0, 0, 0, date('m', $time)+1, 1, date('Y', $time));
$url=$_SERVER['PHP_SELF'].'?time=';
$str = '';
$str .= END
table class="calendar" cellspacing="1"
tr class="title"
th colspan="2"a href="{$url}{$prev}"/a/th
th colspan="3"{$title}/td
th colspan="2"a href="{$url}{$next}"/a/th
/tr
tr class="head"
th{$sWeekday[0]}/td
th{$sWeekday[1]}/td
th{$sWeekday[2]}/td
th{$sWeekday[3]}/td
th{$sWeekday[4]}/td
th{$sWeekday[5]}/td
th{$sWeekday[6]}/td
/tr
tr
END;
for($stamp=$start;$stamp$end;$stamp+=86400) // loop through each day, which is 86400 seconds
{
$weekday=date('w', $stamp);
if(date('m', $stamp)!=date('m', $time)) $style='exmonth';
else if(date('Y-m-d', $stamp)==date('Y-m-d')) $style='today';
else if(date('w', $stamp)==0 || date('w', $stamp)==6) $style='weekend';
else $style='weekday';
$str.= "\t\t".'td class="'.$style.'"a href="'.$url.$stamp.'"'.sprintf('%d',date('d', $stamp)).'/a/td'."\n";
if(date('w', $stamp)==6) $str.="\t".'/tr'."\n";
}
$str .= '/table';
return $str;
}
?
?php
$setdate = date('Y-m');
$startdate = $setdate.'-1';
$enddate = strtotime('+1 month',strtotime($startdate));
$enddate = date('Y-m-d',strtotime('-1 day',$enddate));
//将可视时间转换了时间戳
$liunx_starttime = strtotime($startdate);
$liunx_endtime = strtotime($enddate);
//将时间转换为星期
$start_week = date('w',$liunx_starttime);
$end_week = date('w',$liunx_endtime);
//循环开始时间如果为星期日的话则不判断
$for_starttime = $liunx_starttime;
if($start_week!=1){
if($start_week==0) $start_week=7;
$for_starttime = strtotime('-'.($start_week-1).' day',$liunx_starttime);
}
//循环结束时间,如果为星期六则不判断
$for_endtime = $liunx_endtime;
if($end_week!=0){
$t = 7-$end_week;
$for_endtime = strtotime('+'.$t.' day',$liunx_endtime);
}
$maxNum = datediff('d',date('Y-m-d',$for_starttime),date('Y-m-d',$for_endtime));
?
table class="list_table"
tr
th align="left"周一/th
th align="left"周二/th
th align="left"周三/th
th align="left"周四/th
th align="left"周五/th
th align="left"周六/th
th align="left"周日/th
/tr
tr
?php $s=0; for($i=$for_starttime;$i=$for_endtime;$i+=86400):$s++;?
td style="?php if($setdate!=date('Y-m',$i)) echo 'color:#CCC'?"?=timeformat($i,1,2);?/td
?php if($s%7==0$s$maxNum) echo '/trtr'?
?php endfor;?
/tr
/table
setdate改成你想要的年月份就可以了