Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Detailed explanation of the use of js Calender control_javascript skills

Detailed explanation of the use of js Calender control_javascript skills

WBOY
Release： 2016-05-16 16:22:11
Original
1220 people have browsed it

I’ve been working on projects lately. The project is now finally in a stable state, just making modifications and changes. As a backend programmer, I have a really hard time. I have to write everything from web to mobile interfaces, all kinds of things. . . I finally had some free time in the past two days. I took a look at some functions about js date. Suddenly I thought of the calendar control, so I tried to write one. As a background programmer, my level is limited. Please take a look at it with a learning attitude. Let me write this example. . .

First, a commonly used date function: Date(year,month,day)

Copy code The code is as follows:

var date=new Date();

Get the year

Copy code The code is as follows:

var year=this.date.getFullYear();

Get the month, here is the month index so 1

Copy code The code is as follows:

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

Get the date of the day

Copy code The code is as follows:

var day=this.date.getDate();

Get the day of the week and return 0. Sunday 1. Monday 2. Tuesday 3. Wednesday 4. Thursday 5. Friday 6. Saturday

Copy code The code is as follows:

var week=this.date.getDay();

Get the day of the week the first of the month is

Copy code The code is as follows:

      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)

Get the number of days in the current month

Copy code The code is as follows:

          var getMonthDays=function(year,month){
            var date=new Date(year,month,0);
                return date.getDate();
}
        var   monthdays= this.getMonthDays(this.year,this.month);

                                                                                                                                                                                The following are actually some operations and judgments about the date corresponding to the day of the week, and dynamic splicing tags. I will directly send the example I wrote:

Copy code The code is as follows:

   


   
   
Latest Articles by Author
Latest Issues
Can a workerpool declared in multiple routes still maintain its cpu usage without caring about the threshold I'm hoping to find a node.js system with a workerpool to handle CPU intensive tasks, but I...
From 2024-04-06 19:54:23
0
1
444
Scatterplot points do not maintain values ​​when zooming in d3.js This is my first time using d3.js, so please bear with me. I implemented it as pure JavaSc...
From 2024-04-06 18:16:26
0
1
403
Show hidden side panels: checked I would like to have a navigation menu in the side panel with the ability to switch to vie...
From 2024-04-06 15:49:33
0
1
319
Should we use SSG to deploy dashboards created with Nuxt.js? We will develop a dashboard for internal use using Nuxt.js. Since this will be an internal...
From 2024-04-06 13:17:44
0
1
493
Electron gets AppData on preload How to get the preloaded AppData directory? Background.js[...]asyncfunctioncreateWindow(){...
From 2024-04-06 11:05:31
0
1
417
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template

Public welfare online PHP training，Help PHP learners grow quickly！

About us Disclaimer Sitemap

© php.cn All rights reserved