×
=0) { let js = text.slice(pos1, pos2); + '<\/' + "script" + '>'; arrText.push(js); // next pos1 = pos2; continue; } } } break; } return arrText; } function OpenDialog(parentDiv, urlContent) { parentDiv = document.getElementById('modal-background'); // new !!!!!!! parentDiv.appendChild(document.getElementById('modal-template')); document.getElementById('modal-background').style.display = "block"; document.getElementById('modal-template').style.display = "flex"; // !!!!! document.getElementById('modal-body').innerHTML = ""; post_url(urlContent, "", function(text_from_server) { var element = document.getElementById('modal-body'); element.innerHTML = text_from_server; // add scripts var arrJSText = get_scripts(text_from_server); for (var i=0; i
dir.by
Поиск
Программирование, разработка, тестирование
→
JavaScript - язык программирования для HTML
→
Дата и время (год, месяц, число, часы, минуты, секунды) В JavaScript. Класс Date | стандарт ES5
Посмотрели
7466
раз(а)
Дата и время В JavaScript | стандарт ES5
последнее обновление: 30 января 2022
Для работы с датой В JavaScript используется класс Date
Чтобы объявить переменную нужно написать:
var Имя = new Date();
или
var Имя = new Date(2019, 0, 11);
// сами устанавливаем дату 11 января 2019 года . На заметку: месяц начинается с 0
или
var Имя = new Date(2019, 0, 11, 15, 10, 25);
// сами устанавливаем дату 11 января 2019 года, время 15:10:25 . На заметку: месяц начинается с 0
или
var Имя = new Date(Date.now());
// Date.now() текущая дата и время
Html
Пример
<script>
// сами устанавливаем дату и время
var
date1
= new Date(2019, 1, 11, 15, 10, 25);
// выводим на экран дату
alert
(date1.toString());
// 11 февраля 2019 15:10:25
// текущая дата и время
var
date2
= new Date(Date.now());
// выводим на экран дату
alert
(date2);
// 15 июня 2019 17:21:15
</script>
Год, месяц, число, часы, минуты, секунды из даты
Html
Пример
<script>
// дата и время
var
Birthday = new Date(2019, 0, 11, 15, 10, 25);
// 11 января 2019 15:10:25
// получаем год
var
year = Birthday.
getFullYear
();
// year = 2019
// получаем месяц
var
month = Birthday.
getMonth
();
// month = 0 (Внимание! январь = 0, февраль = 1, март = 2 и так далее)
// получаем день
var
day = Birthday.
getDate
();
// day = 11
// получаем количество часов
var
hours = Birthday.
getHours
();
// hours = 15
// получаем минуты
var
minutes = Birthday.
getMinutes
();
// minutes = 10
// получаем секунды
var
seconds = Birthday.
getSeconds
();
// seconds = 25
</script>
Получаем текущую дату и время используя Date.now()
Html
<script>
// получаем текущую дату и время
var
dateTime = new Date(
Date.now()
);
// получаем год
var
year = dateTime.getFullYear();
// получаем месяц
var
month = dateTime.getMonth()+1;
// получаем день
var
day = dateTime.getDate();
// получаем часы
var
hour = dateTime.getHours();
// получаем минуты
var
min = dateTime.getMinutes();
// получаем секунды
var
sec = dateTime.getSeconds();
</script>
Форматируем дату и время
Html
<script>
// get current date/time
let dateTime = new Date(Date.now());
var
year = dateTime.getFullYear();
var
month = dateTime.getMonth()+1;
var
day = dateTime.getDate();
var
hour = dateTime.getHours();
var
min = dateTime.getMinutes();
var
sec = dateTime.getSeconds();
// show message
var
text = `${year}/${month}/${day} ${hour}:${min}:${sec}`;
// text = "2021/1/15 19:5:3"
// 15 января 2021 года и время: 19 часов, 5 минут, 3 секунды
alert
(text);
</script>
Правильно форматируем дату и время
Добавляем 0 слева
Html
<script>
// get current date/time
let dateTime = new Date(Date.now());
var
year = dateTime.getFullYear();
var
month = dateTime.getMonth()+1;
var
day = dateTime.getDate();
var
hour = dateTime.getHours();
var
min = dateTime.getMinutes();
var
sec = dateTime.getSeconds();
var
yearGood = year.toString().padStart(4,
"0"
);
var
monthGood = month.toString().padStart(2,
"0"
);
var
dayGood = day.toString().padStart(2,
"0"
);
var
hourGood = hour.toString().padStart(2,
"0"
);
var
minGood = min.toString().padStart(2,
"0"
);
var
secGood = sec.toString().padStart(2,
"0"
);
// show message
var
text= `${yearGood}/${monthGood}/${dayGood} ${hourGood}:${minGood}:${secGood}`;
// text = "2021/01/15 19:05:03"
// 15 января 2021 года и время: 19 часов, 5 минут, 3 секунды
alert
(text);
</script>
На заметку!
var text = `... ${year} ...` это форматирвание текста в JavaScript ...
Функция
padStart(length, symbol) добавляет в начале строки символы до нужной длины строки в JavaScript ...
Все функции для работы с датой
msdn.microsoft.com
← Предыдущая тема
Математические функции из библиотеки Math: Sin, cos, log, pow и так далее В JavaScript | стандарт ES5
Следующая тема →
Массив В JavaScript это [] или класс Array | стандарт ES5
Ваши Отзывы ... комментарии ...
Вашe имя
Ваш комментарий
(www ссылки может добавлять только залогиненный пользователь)
+ картинку
Объявления
Объявления
•
В каком редакторе (программе) удобно писать JavaScript код?
Новое приложение
•
Создаем новое приложение JavaScript в текстовом редакторе
•
Создаем новое приложение JavaScript в Visual Studio Code. Отладка приложения. Смотрим в отладке как по шагам выполняется JavaScript
Отладка JavaScript, HTML
•
Отладка JavaScript в Google Chrome. Используем debugger
•
Как узнать (увидеть) где ошибка при выполнении HTML, JavaScript в Google Chrome
•
Отладка JavaScript В Google Chrome. Используем console.log("Hello!")
JavaScript стандарт ES5. Издан в 2009 году. Поддерживается всеми браузерами
Функция
•
Функция В JavaScript. Пример: function CalculateSum(value1, value2) { ... } | стандарт ES5
•
Функция return || В JavaScript. Пример: function getPersonName(name) { return name || "Evgen" } | стандарт ES5
•
Вызов функции до ее определения (Hoisting) В JavaScript | стандарт ES5
•
Переменные внутри функции (время жизни переменных внутри функции) JavaScript | стандарт ES5
•
Передача параметров по значению и по ссылке в функцию В JavaScript | стандарт ES5
•
Как узнать ... существует ли функция по названию В JavaScript? Пример: typeof calcSum == "function" | стандарт ES5
•
Функция описанная внутри функции. JavaScript | стандарт ES5
Безымянная функция
•
Безымянная функция В JavaScript . Использование безымянной функции: создаем новую переменную и новой переменной назначаем безымянную функцию. Пример: var myFunc1 = function (a, b) { return a + b; } ; | стандарт ES5
•
Безымянная функция В JavaScript . Использование безымянной функции: безымянную функцию передаем как параметр в другую функцию. Пример: Calculate(15, 7, function(v1, v2) {return v1+v2;}); | стандарт ES5
Само-вызывающая безымянная функция
•
Само-вызывающая безымянная функция В JavaScript. Где используется? Используется в Yandex рекламе. Пример: ( function(){ ... } )(); | стандарт ES5
•
Создаем файл js с объектом содержащий экспортные переменные и функции. Это пример использования само-вызывающей безымянной функции | стандарт ES5
Лямбда функция (сокращенный вариант безымянной функции)
•
Лямбда функция В JavaScript . Использование лямбда функции. [Пример1] var myFunc1 = (a, b) => a + b; [Пример2] Calculate(15, 7, (v1, v2) => {return v1+v2;}); | стандарт ES5
Переменные
•
Переменные В JavaScript (текст, число, флаг, дата и время) | стандарт ES5
•
Доступ к переменным до их определения (Hoisting) В JavaScript | стандарт ES5
•
Область видимости переменных var, let, const В JavaScript | стандарт ES5
Текст, строки В JavaScript
•
Текст В JavaScript. Класс String. Пример: var myText = String("World"); | стандарт ES5
•
Length (длина строки В JavaScript) | стандарт ES5
•
Функция replace(text1, text2) заменить текст В JavaScript | стандарт ES5
•
Функция toUpperCase() переводит текст в верхний регистр JavaScript | стандарт ES5
•
Функция toLowerCase() перевод текста в нижний регистр JavaScript | стандарт ES5
•
Функция split(delimiter) разделяет строку на подстроки JavaScript | стандарт ES5
•
Функция charAt(position) получить символ по позиции JavaScript | стандарт ES5
•
Функция substr(pos, len) возвращает подстроку JavaScript | стандарт ES5
•
Функция slice(pos1, pos2) возвращает подстроку JavaScript | стандарт ES5
•
Функция substring(pos1, pos2) возвращает подстроку JavaScript | стандарт ES5
•
Функция indexOf(text, startPos) ищет подстроку и возвращает индекс JavaScript | стандарт ES5
•
Функция startsWith(text) проверяет, начинается ли строка с указанной подстроки JavaScript | стандарт ES5
•
Функция trim() удалить пробелы в начале и в конце строки JavaScript | стандарт ES5
•
Функция padStart(length, symbol) добавляет в начале строки символы до нужной длины строки JavaScript | стандарт ES5
•
Функция padEnd(length, symbol) добавляет в конце строки символы до нужной длины строки JavaScript | стандарт ES5
•
В текстовую переменную можно назначить текст как много строк. Пример: var myText = `Hello \n Thanks \n Bye` | JavaScript стандарт ES6
•
В текстовой переменной можно писать выражения с переменными (форматирование, интерполяция строки). Пример: var myText = `Hello ${a}` | JavaScript стандарт ES6
Регулярные выражения
•
Регулярные выражения в JavaScript | стандарт ES5
•
Пишем регулярное выражение чтобы удалить все специальные символы кроме букв и цифр | Regex JavaScript | стандарт ES5
Числа и математические функции
•
Числа В JavaScript. Конвертация текста в число. Округление числа. Перевод шестнадцатиричного в десятичное число. | стандарт ES5
•
Математические функции из библиотеки Math: Sin, cos, log, pow и так далее В JavaScript | стандарт ES5
Дата и время
•
Дата и время (год, месяц, число, часы, минуты, секунды) В JavaScript. Класс Date | стандарт ES5
Массив
•
Массив В JavaScript это [] или класс Array | стандарт ES5
•
Что значит 3 точки ...items | Пример 1: Math.max(...prices) | Пример 2: books.push(...items) | JavaScript, стандарт ES5
•
Разница между push(items) и push(...items) | Добавление массива в массив В JavaScript | стандарт ES5
•
Найти max цены в сложном массиве: [ {name:"Tomate", price:10}, {name:"Apple", price:17}, {name:"Orange", price:15} ] в JavaScript | стандарт ES5
•
Найти min цены в сложном массиве: [ {name:"Tomate", price:10}, {name:"Apple", price:17}, {name:"Orange", price:15} ] в JavaScript | стандарт ES5
Коллекции Map и Set
•
Коллекция "ключ-значение" В JavaScript. Класс Map | стандарт ES5
•
Коллекция уникальных значений В JavaScript. Класс Set | стандарт ES5
Объект {набор свойств и функций}
•
{} это объект В JavaScript. Объект содержит набор свойств и функции. Пример var book = {Name: "Волшебник Средиземноморья", Price: 120}; | стандарт ES5
•
{...} = объект в JavaScript заполняем из переменных класса или другим объектом. Пример: const {name, total, price} = b.myProps; | стандарт ES5
Класс (это функция с использованием new) | стандарт ES5
•
Класс в JavaScript это обычная функция-конструктор. Такая функция-конструктор содержит простые данные, объекты, внутренние функции В JavaScript. Для создания объекта класса используется new Пример: function Book() { ... } ... var obj1 = new Book(); | стандарт ES5
•
Инкапсуляция переменных (скрытие переменных для доступа) в функции (в виде класса) В JavaScript | стандарт ES5
•
prototype - это набор функций, переменных для всех экземпляров класса (в виде функции) В JavaScript | стандарт ES5
try catch
•
Зачем нужно использовать try и catch В JavaScript? | стандарт ES5
Замыкание (closure) В Javascript
•
Что такое замыкания (closure) В JavaScript ? Стандарт ES5
Управление памятью в JavaScript
•
Управление памятью в JavaScript | стандарт ES5
Примеры движение картинки и анимация
•
Анимация человечка на месте. Используем HTML элемент <div>. Для анимации используем CSS стили: "animation", "background-image", "background-position", "keyframes" | стандарт ES5
•
Анимация человечка в движении (sprite). Используем HTML элементы <div>, <img>. Для анимации используем CSS стили: "animation", "background-image", "background-position", "keyframes" | стандарт ES5
•
Рисуем картинку с движением. Используем HTML элемент <canvas>. Для движения используем JavaScript: var img = new Image(), img.src = url, drawImage, timer, window.setInterval | стандарт ES5
•
Рисуем картинку с движением и анимацией (sprite). Используем HTML элемент <canvas>. Для движения используем JavaScript: var img = new Image(), img.src = url, drawImage, timer, window.setInterval | стандарт ES5
Примеры
•
Как определить устройство (планшет, компьютер, телефон) сейчас используется в JavaScript, HTML | стандарт ES5
•
Редактор текста пишем на HTML, JavaScript | стандарт ES5
Делаем Popup используя HTML и Javascript
•
Как сделать Popup окно в HTML странице | Javascript, HTML, CSS
Моя игра (HTML, JavaScript)
•
Моя игра "Wizard World" | HTML, JavaScript
PDF readers. Загрузка и отображение файла PDF (JavaScript, HTML)
•
PDF reader. Загрузка и отображение файла PDF (adobe JavaScript, HTML) | PDF JavaScript implemented by Adobe
•
PDF reader. Загрузка и отображение файла PDF (JavaScript, HTML) | PDF JavaScript implemented by Mozilla
JavaScript стандарт ES6. Издан в 2015 году. Поддерживается НЕ всеми браузерами. Синонимы ES6, ES2015, ECMAScript 2015
•
В текстовой переменной можно писать выражения с переменными (форматирование, интерполяция строки). Пример: var myText = `Hello ${a}` | JavaScript стандарт ES6
•
class | Класс В JavaScript. Пример: class Book {...} ... var obj1 = new Book(); | стандарт ES6
•
promise В JavaScript | стандарт ES6
Ваши вопросы присылайте по почте:
info@dir.by