js Calender控件使用详解_javascript技巧
程序员文章站
2022-05-28 11:30:23
...
最近一直在赶项目。项目现在终于处于稳定的状态,只是修修改改。作为后台程序员的我真是苦逼啊,从web到手机端接口我都得写,杂七杂八的事情。。。这两天终于闲下来了,没事儿看了一下关于js日期的一些函数,突然想到了日历控件,于是试着写了一个,作为后台程序员的我水平有限,大家抱着学习的态度看看我写的这个例子吧。。。
var date=new Date();
var year=this.date.getFullYear();
var month=this.date.getMonth()+1;
var day=this.date.getDate();
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);
首先一个常用的日期函数: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);
好了,我们用到的参数就这么多,后面其实就是关于日期对应周几的一些操作和判断,动态的拼接标签,下面就直接把我写的例子发出来:
复制代码 代码如下:
代码重新做了改动,将视图的table换为了div,是为了解决IE的tableinnerHTML的只读问题。另外加了options是为了可配置性。
上面代码有简单说明,功能是最基础的,如果更深入的做可以进行扩展
推荐阅读
-
JS控件bootstrap suggest plugin使用方法详解
-
JS控件bootstrap datepicker使用方法详解
-
ActiveX控件的使用-js实现打印超市小票功能代码详解
-
js对数字的格式化使用说明_javascript技巧
-
IE6中使用position导致页面变形的解决方案(js代码)_javascript技巧
-
使用js判断当前时区TimeZone是否是夏令时_javascript技巧
-
使用js解决由border属性引起的div宽度问题_javascript技巧
-
js 程序执行与顺序实现详解_javascript技巧
-
使用js操作css实现js改变背景图片示例_javascript技巧
-
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)_javascript技巧