首页 > 语言 > JavaScript > 正文

js Calender控件使用详解

2024-05-06 14:48:03
字体:
来源:转载
供稿:网友

最近一直在赶项目。项目现在终于处于稳定的状态,只是修修改改。作为后台程序员的我真是苦逼啊,从web到手机端接口我都得写,杂七杂八的事情。。。这两天终于闲下来了,没事儿看了一下关于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>
    <script type="text/javascript">

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选