关于制作日历涉及的函数

1.Date 对象用于处理日期和时间。
直接获取当前时间为标准时间
  var date = new Date()  
  console.log(date)  //Tue Dec 12 2017 23:09:42 GMT+0800 (中国标准时间)
  注释:Date 对象会自动把当前日期和时间保存为其初始值。
指定时间转变成标准时间
  var date1 = new Date(“January 12,2006 22:19:35”)
  console.log(date1)  //Thu Jan 12 2006 22:19:35 GMT+0800 (中国标准时间)
  其下面几种格式都可以:
  // new Date(“month dd,yyyy hh:mm:ss”);
  // new Date(“month dd,yyyy”);
  // new Date(yyyy,mth,dd,hh,mm,ss);
  // new Date(yyyy,mth,dd);
  // new Date(ms);
常用的对象方法
  date.getFullYear()  //2017  从 Date 对象以四位数字返回年份
  date.getMonth()  //11  从 Date 对象返回月份 (0 ~ 11)
  date.getDay()  //2  从 Date 对象返回一周中的某一天 (0 ~ 6)
  date.getDate()  //12  从 Date 对象返回一个月中的某一天 (1 ~ 31)
  date.getHours()  //23  返回 Date 对象的小时 (0 ~ 23)
  date.getMinutes()  //30  返回 Date 对象的分钟 (0 ~ 59)
  date.getSeconds()  //54  返回 Date 对象的秒数 (0 ~ 59)
  date.getMilliseconds()  返回 Date 对象的毫秒(0 ~ 999)
  date.getTime()  返回 1970 年 1 月 1 日至今的毫秒数

3、getDate()方法返回月份的某一天
月份中的某一天指的是使用本地时间,其返回值是 1 ~ 31 之间的一个整数。
var myDate = new Date();
document.write(myDate.getDate());

var myDate = new Date(“July 21, 1983 01:15:00”);
document.write(myDate.getDate());
输出:21

4、getDay() 方法可返回表示星期的某一天的数字,它的取值范围:0–6
代码如下:
var myDate = new Date(“July 21, 1983 01:15:00”);
document.write(mtDate.getDay());
输出4
可以采用Date对象和Array对象结合的方式将时间人性化显示出来
代码如下:
var weekday = new Array(7);
weekday[0]=“Sunday”;
weekday[1]=“Monday”;
weekday[2]=“Tuesday”;
weekday[3]=“Wednesday”;
weekday[4]=“Thursday”;
weekday[5]=“Friday”;
weekday[6]=“Saturday”;
var myDate = new Date();
document.write(weekday[myDate.getDay()]);
5、getMonth(),返回月份字段,返回值是 0(一月) 到 11(十二月) 之间的一个整数
和getDay()类似,也采用与Array对象相结合的方式
代码如下:
var d=new Date();
var month=new Array(12);
month[0]=“January”;
month[1]=“February”;
month[2]=“March”;
month[3]=“April”;
month[4]=“May”;
month[5]=“June”;
month[6]=“July”;
month[7]=“August”;
month[8]=“September”;
month[9]=“October”;
month[10]=“November”;
month[11]=“December”;
document.write("The month is " + month[d.getMonth()]);
6、getFullYear() 方法可返回一个表示年份的 4 位数字。
返回值是一个四位数,表示包括世纪值在内的完整年份,而不是两位数的缩写形式。
代码如下:
var d = new Date();
document.write(d.getFullYear());
输出:
2012
代码如下:
var born = new Date(“July 21, 1983 01:15:00”);
document.write("I was born in " + born.getFullYear());
输出:
1983
通过上述方法三种方法结合可以得出比较人性化的时间显示,例:
代码如下:
var weekday = new Array(7);
weekday[0]=“Sunday”
weekday[1]=“Monday”
weekday[2]=“Tuesday”
weekday[3]=“Wednesday”
weekday[4]=“Thursday”
weekday[5]=“Friday”
weekday[6]=“Saturday”
var month=new Array(12);
month[0]=“January”;
month[1]=“February”;
month[2]=“March”;
month[3]=“April”;
month[4]=“May”;
month[5]=“June”;
month[6]=“July”;
month[7]=“August”;
month[8]=“September”;
month[9]=“October”;
month[10]=“November”;
month[11]=“December”;
var myDate = new Date();
document.write("Date is “+myDate.getFullYear()+” “+month[myDate.getMonth()]+” “+myDate.getDate()+” "+weekday[myDate.getDay()]);

输出为:
Date is 2012 October 19 Friday
7、getHours() 方法可返回时间的小时字段,返回值是 0 (午夜) 到 23 (晚上 11 点)之间的一个整数。
代码如下:
var born = new Date(“July 21, 1983 01:15:00”);
document.write(born.getHours());
输出:1
注释:由 getHours() 返回的值是一个两位的数字。
不过返回值不总是两位的,如果该值小于 10,则仅返回一位数字。
8、getMinutes() 方法可返回时间的分钟字段,返回值是 0 ~ 59 之间的一个整数。
与上述方法类似,返回值不总是两位的,如果该值小于 10,则仅返回一位数字。
9、getSeconds() 方法可返回时间的秒,返回值是 0 ~ 59 之间的一个整数。
与上述方法类似,返回值不总是两位的,如果该值小于 10,则仅返回一位数字。
10、getMilliseconds() 方法可返回时间的毫秒,毫秒字段,以本地时间显示。返回值是 0 ~ 999 之间的一个整数。
注释:由 getMilliseconds() 返回的值是一个三位的数字。
不过返回值不总是三位的,如果该值小于 100,则仅返回两位数字,如果该值小于 10,则仅返回一位数字。
有两种方式将时间显示出来:
—>方式一
代码如下:
var d = new Date();
document.write('Time is '+d.getHours()+":"+d.getMinutes()+":"+d.getSeconds());
输出:Time is 10:52:2,缺点很明显,在秒为<10的情况下只显示了一位,其他的也类似,因此推荐第二种显示方式
—>方式二
复制代码代码如下:
function checktime(time)
{
if(time<10)
{
time = ‘0’+time;
}
return time;
}
var d = new Date();
document.write('Time is '+checktime(d.getHours())+":"+checktime(d.getMinutes())+":"+checktime(d.getSeconds()));
输出:Time is 10:55:02

11、getTime() 方法可返回本地时间距 1970 年 1 月 1 日之间的毫秒数,因此可以自定义Date(“Jul 26 2000”);
代码如下:
var d = new Date();
document.write(d.getTime() + " milliseconds since 1970/01/01");
输出:1350615452813 milliseconds since 1970/01/01
因此我们可以根据此数得到本地时间距离1970/01/01的年数
代码如下:
var minutes = 100060;//一分钟有60秒,一秒有60毫秒,下面依次类推
var hours = minutes
60;
var days = hours24;
var years = days
365;
var d = new Date();
var t = d.getTime();//获得距离1970/01/01的毫秒数
var y = t/years;
document.write(“It’s been: " + y + " years since 1970/01/01!”);
输出:
It’s been: 42.82773990521943 years since 1970/01/01!
注:此时的年份是一个小数,可以将其换成整数(其实Javascript中没有整数的区别)
最后一行修改为:
代码如下:
document.write(“It’s been: " + parseInt(y) + " years since 1970/01/01!”);
输出:
It’s been: 42 years since 1970/01/01!
parseInt(float);可以将浮点类型转换为整型
12、getTimezoneOffset() 方法可返回格林威治时间和本地时间之间的时差,以分钟为单位。
注:
getTimezoneOffset() 方法返回的是本地时间与 GMT 时间或 UTC 时间之间相差的分钟数。
实际上,该函数告诉我们运行 JavaScript 代码的时区,以及指定的时间是否是夏令时。
返回之所以以分钟计,而不是以小时计,原因是某些国家所占有的时区甚至不到一个小时的间隔。
代码如下:
var d = new Date();
document.write(d.getTimezoneOffset());
输出:
-480(东八区,8*60)

13、parse() 方法可解析一个日期时间字符串,并返回 1970/1/1 午夜距离该日期时间的毫秒数。
parse(str);str为字符串,是一个符合时间格式的字符串
代码如下:
var minutes = 1000 * 60;
var hours = minutes * 60;
var days = hours * 24;
var years = days * 365;
var t = Date.parse(“Jul 8, 2005”);
var y = t/years;
document.write(“It’s been: " + parseInt(y) + " years from 1970/01/01”);
document.write(" to 2005/07/08!");
输出为:
It’s been: 35 years from 1970/01/01 to 2005/07/08!

14、setDate() 方法用于设置一个月的某一天。
setDate(day),day必需。表示一个月中的一天的一个数值(1 ~ 31)。
注,此方法是在原先对象的基础上进行修改,会改变原先数据的值
例:
代码如下:
var d = new Date();
document.write(d.getDate()+"
");
d.setDate(31);
document.write(d.getDate());
输出:
19
31

15、setMonth() 方法用于设置月份,与setDate()使用方法一直,也会改变原Date对象
setMonth(month,day),目前可能不支持第二个参数,month必需。一个表示月份的数值,该值介于 0(一月) ~ 11(十二月) 之间。
假如支持day参数的话,day代表的是月中某一天的数值,介于 1 ~ 31 之间。用本地时间表示。
代码如下:
var d = new Date();
document.write(d.getMonth()+" “+d.getDate()+”
");
d.setMonth(11,26);
document.write(d.getMonth()+" "+d.getDate());
输出为:
9 19
11 26

16、setFullYear() 方法用于设置年份。
setFullYear(year,month,day);
year 必需。表示年份的四位整数。用本地时间表示。
month 可选。表示月份的数值,介于 0 ~ 11 之间。用本地时间表示。
day 可选。表示月中某一天的数值,介于 1 ~ 31 之间。用本地时间表示。
代码如下:
var d = new Date();
d.setFullYear(1992,10,3);
document.write(d);
输出为:
Tue Nov 03 1992 11:31:58 GMT+0800

17、setHours() 方法用于设置指定的时间的小时字段。
setHours(hour,min,sec,millisec);
hour 必需。表示小时的数值,介于 0(午夜) ~ 23(晚上11点) 之间,以本地时间计(下同)。
min 可选。表示分钟的数值,介于 0 ~ 59 之间。在 EMCAScript 标准化之前,不支持该参数。
sec 可选。表示秒的数值,介于 0 ~ 59 之间。在 EMCAScript 标准化之前,不支持该参数。
millisec 可选。表示毫秒的数值,介于 0 ~ 999之间。在 EMCAScript 标准化之前,不支持该参数。
代码如下:
var d = new Date()
d.setHours(15,35,1)
document.write(d)
输出为:
Fri Oct 19 15:35:01 UTC+0800 2012

18、setMinutes() 方法用于设置指定时间的分钟字段。
setMinutes(min,sec,millisec)
min 必需。表示分钟的数值,介于 0 ~ 59 之间,以本地时间计(下同)。
sec 可选。表示秒的数值,介于 0 ~ 59 之间。在 EMCAScript 标准化之前,不支持该参数。
millisec 可选。表示毫秒的数值,介于 0 ~ 999 之间。在 EMCAScript 标准化之前,不支持该参数。
代码如下:
var d = new Date()
d.setMinutes(1)
document.write(d)
输出为:
Fri Oct 19 11:01:11 UTC+0800 2012

19、setSeconds() 方法用于设置指定时间的秒字段。
setSeconds(sec,millisec)
sec 必需。表示秒的数值,该值是介于 0 ~ 59 之间的整数。
millisec 可选。表示毫秒的数值,介于 0 ~ 999 之间。在 EMCAScript 标准化之前,不支持该参数。

20、setMilliseconds() 方法用于设置指定时间的毫秒字段。
setMilliseconds(millisec)
millisec 必需。用于设置 dateObject 毫秒字段,该参数是介于 0 ~ 999 之间的整数。

21、setTime() 方法以毫秒设置 Date 对象。
此方法是比较常用的方法,在数据库中存放Date.getTime()毫秒数,
在返回时如何显示出来呢,就是用此方法
setTime(millisec)
millisec 必需。要设置的日期和时间据 GMT 时间 1997 年 1 月 1 日午夜之间的毫秒数。
这种类型的毫秒值可以传递给 Date() 构造函数,可以通过调用 Date.UTC() 和 Date.parse() 方法获得该值。以毫秒形式表示日期可以使它独立于时区。
代码如下:
var d = new Date();
d.setTime(77771564221);
document.write(d);
输出为:
Mon Jun 19 1972 11:12:44 GMT+0800
此种方法就可以根据数据库中存放的long数据类型将其转换为了时间对象
22、toTimeString() 方法可把 Date 对象的时间部分转换为字符串,并返回结果。
复制代码代码如下:
var d = new Date();
document.write(d.toTimeString());
输出:
11:50:57 GMT+0800

23、toDateString() 方法可把 Date 对象的日期部分转换为字符串,并返回结果。
复制代代码如下:
var d = new Date();
document.write(d.toDateString());
输出:
Fri Oct 19 2012

cellpadding 属性规定的是单元边沿与单元内容之间的空间。
cellspacing 属性规定单元格之间的空间。例: cellspacing=“10”
colspan 属性规定单元格可横跨的列数。

Array 对象
Array 对象用于在单个的变量中存储多个值。
创建 Array 对象的语法:
new Array();
new Array(size);
new Array(element0, element1, …, elementn);

参数
参数 size 是期望的数组元素个数。返回的数组,length 字段将被设为 size 的值。
参数 element …, elementn 是参数列表。当使用这些参数来调用构造函数 Array() 时,新创建的数组的元素就会被初始化为这些值。它的 length 字段也会被设置为参数的个数。
返回值
返回新创建并被初始化了的数组。
如果调用构造函数 Array() 时没有使用参数,那么返回的数组为空,length 字段为 0。
当调用构造函数时只传递给它一个数字参数,该构造函数将返回具有指定个数、元素为 undefined 的数组。
当其他参数调用 Array() 时,该构造函数将用参数指定的值初始化数组。
当把构造函数作为函数调用,不使用 new 运算符时,它的行为与使用 new 运算符调用它时的行为完全一样。

ceil() 方法可对一个数进行上舍入。
语法
Math.ceil(x)
返回值
大于等于 x(x必须是一个数值),并且与它最接近的整数。
说明
ceil() 方法执行的是向上取整计算,它返回的是大于或等于函数参数,并且与之最接近的整数。
实例
在本例中,把 ceil() 方法运用到不同的数字上:

输出:
1
1
5
6
-5
-5

标签定义 HTML 表格。 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。 tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。 更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值