一起学写一起学写js Calender日历控件日历控件
最近看了一下关于js日期的一些函数,突然想到了日历控件,于是试着写了一个,作为后台程序员的我水平有限,大家抱着学
习的态度看看我写的这个例子吧,一起学习进步!
首先一个常用的日期函数:
Date(year,month,day)
var date=new Date();
获取年份获取年份
var year=this.date.getFullYear();
获取月份,这里是月索引所以要获取月份,这里是月索引所以要+1
var month=this.date.getMonth()+1;
获取当天是几号获取当天是几号
var day=this.date.getDate();
获取当天是周几,返回获取当天是周几,返回0.周日周日 1.周一周一 2.周二周二 3.周三周三 4.周四周四 5.周五周五 6.周六周六
var week=this.date.getDay();
获取当月一号是周几获取当月一号是周几
var getWeekDay=function(year,month,day){
var date=new Date(year,month,day);
return date.getDay();
}
var weekstart= getWeekDay(this.year, this.month-1, 1)
获取当月的天数
var getMonthDays=function(year,month){
var date=new Date(year,month,0);
return date.getDate();
}
var monthdays= this.getMonthDays(this.year,this.month);
好了,我们用到的参数就这么多,后面其实就是关于日期对应周几的一些操作和判断,动态的拼接标签,下面就直接把我写
的例子发出来:
效果图:
<html>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<head>
<style type="text/css">
td{ text-align: center;}
</style>