js Calender控件使用详解_javascript技巧-js教程-PHP中文网

js Calender控件使用详解_javascript技巧

php中文网

发布： 2016-05-16 16:22:11

原创

1535人浏览过

最近一直在赶项目。项目现在终于处于稳定的状态，只是修修改改。作为后台程序员的我真是苦逼啊，从web到手机端接口我都得写，杂七杂八的事情。。。这两天终于闲下来了，没事儿看了一下关于js日期的一些函数，突然想到了日历控件，于是试着写了一个，作为后台程序员的我水平有限，大家抱着学习的态度看看我写的这个例子吧。。。

首先一个常用的日期函数：Date(year,month,day)

复制代码代码如下:

var date=new Date();

获取年份

复制代码代码如下:

var year=this.date.getFullYear();

获取月份，这里是月索引所以要+1

复制代码代码如下:

var month=this.date.getMonth()+1;

获取当天是几号

立即学习“Java免费学习笔记（深入）”；

复制代码代码如下:

var day=this.date.getDate();

获取当天是周几，返回0.周日 1.周一 2.周二 3.周三 4.周四 5.周五 6.周六

Python v2.4 中文手册 chm

Python v2.4版chm格式的中文手册，内容丰富全面，不但是一本手册，你完全可以把她作为一本Python的入门教程，教你如何使用Python解释器、流程控制、数据结构、模板、输入和输出、错误和异常、类和标准库详解等方面的知识技巧。同时后附的手册可以方便你的查询。

查看详情

复制代码代码如下:

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是为了可配置性。

上面代码有简单说明，功能是最基础的，如果更深入的做可以进行扩展