首頁  >  文章  >  web前端  >  js Calender控制項使用詳解_javascript技巧

js Calender控制項使用詳解_javascript技巧

WBOY
WBOY原創
2016-05-16 16:22:111210瀏覽

最近一直在趕專案。專案現在終於處於穩定的狀態,只是修修改改。身為後台程式設計師的我真是苦逼啊,從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);

        好了,我們用到的參數就這麼多,後面其實就是關於日期對應週幾的一些操作和判斷,動態的拼接標籤,下面就直接把我寫的例子發出來:

複製程式碼 程式碼如下:

   


   

ダイコードが新たに変更され、ビューのテーブルが div に置き換えられました。これは、IE のテーブル内部 HTML を理解するための唯一の課題です。さらに、構成可能性を高めるためにオプションが追加されました。

上面代码に简単説明があり、機能は最も基本的であり、より深く理解すれば展示を行うことができます

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn