Initial commit

c0cf7f99 · Владислав Цой · c0cf7f99 · c0cf7f99 · c0cf7f99 · c0cf7f99
Commit c0cf7f99 authored Jul 13, 2020 by Владислав Цой
Expand all Show whitespace changes
Inline Side-by-side

Showing with 60 additions and 0 deletions

index.html index.html +17 -0

index.js js/index.js +43 -0

jQuery.js js/jQuery.js +0 -0

moment.js js/moment.js +0 -0

No files found.
--- a/index.html
+++ b/index.html
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <script src="js/jQuery.js"></script>
+    <script src="js/moment.js"></script>
+    <script src="js/index.js"></script>
+    <title>Document</title>
+</head>
+<body>
+<input type="text" id="datepicker">
+</body>
+</html>
\ No newline at end of file
--- a/js/index.js
+++ b/js/index.js
+$(() => {
+    let calendar = () => {
+
+        let createCells = (table, firstDayOfMonth, daysOfMonth) => {
+            let day = 1;
+            for(let i = 0; i <= daysOfMonth / 7; i++) {
+                let row = $("<tr>");
+                for (let j = 1; j <= 7; j++) {
+                    let cell;
+                    if(i < 1 && j <= firstDayOfMonth) cell =  ("<td> </td>");
+                    else if(day <= daysOfMonth) cell = ("<td>" + day++ + "</td>");
+                    else cell =  ("<td> </td>")
+                    row.append(cell);
+                }
+                table.append(row);
+            }
+        }
+        let now = moment();
+        let year = now.year(); //2020
+        let month = now.month(); //6
+        let daysOfMonth = now.month(month).daysInMonth(); //31
+        let firstDayOfMonth = now.month(month).startOf('month').day(); //3
+        const table = $('<table>' +
+            '<thead>' +
+            '<tr>' +
+            '<td>Su</td>' +
+            '<td>Mo</td>' +
+            '<td>Tu</td>' +
+            '<td>We</td>' +
+            '<td>Th</td>' +
+            '<td>Fr</td>' +
+            '<td>Sa</td>' +
+            '</tr>' +
+            '</thead>' +
+            '</table>');
+
+        $('body').append(table);
+        createCells(table, firstDayOfMonth, daysOfMonth);
+    }
+
+    $('#datepicker').on('click', calendar);
+})
\ No newline at end of file
--- a/js/jQuery.js
+++ b/js/jQuery.js
--- a/js/moment.js
+++ b/js/moment.js