moment js первый день месяца
Работаем с датой и временем — Moment.js
Вы просто ненавидите работать с датой в JavaScript и функцией времени? Вы видели, сколько кода требуется, чтобы просто показать, сколько времени прошло с определенного момента? К счастью для вас, есть небольшая библиотека JavaScript под называнием moment.js.
Несколько вещей, которые вы можете делать с ней.
Первая остановка, чтобы создать новый объект момента. Это делается путем вызова глобального moment() функцию. Если оставить его пустым, он будет использовать текущее время. В противном случае вы можете передать метку, массив или строку с форматом, который будет проанализирован в день.
Создание момент объект
Обратите внимание, что, как и в JavaScript месяца начинаются с нуля.
Работа с временем
Работа с датами
FromNow () определяет разницу во времени. Аавтоматически масштабирует период и возвращает дату от нескольких секунд до нескольких лет.
Длительность
Этот метод миллисекундах создает новый объект. С помощью его humanize() метод, мы получаем человека читаемым версии.
Я надеюсь, что этот краткий обзор дал вам хорошее представление о том, что возможно с moment.js. Если вы хотите узнать больше, следуйте проекта по GitHub и прочитать примеры и документация на своей домашней странице.
Источник урока: http://tutorialzine.com/2012/08/quick-tip-handle-date-and-time-like-a-boss-with-moment-js/
Перевел: Сергоманов Дмитрий
Правила перепечатки
Правила перепечатки
Как получить список дней в месяце с Moment.js
Используя Moment.js, я хотел бы получить все дни месяца определенного года в массиве. Например:
Какие-либо предложения? Я просмотрел документы Moment.js, но ничего не смог найти. Шкаф, который я получил, был таким:
Но это только возвращает int с общим количеством дней для определенного месяца, а не массив с каждым днем.
10 ответов
Вот функция, которая сделает свое дело (не используя Moment, а просто ванильный JavaScript):
Обратите внимание, что решения выше не нулят даты до 10 числа, в отличие от примера вывода, включенного в вопрос. С ES2017 + это довольно легко исправить:
Выполнение этого в более старых версиях JS требует применения собственной логики заполнения нулями, что не сложно, но на самом деле не является основным вопросом.
Вы можете использовать _.times помощник из lodash одновременно с этим так:
Начиная с версии 2.1.0 moment.js, когда вы устанавливаете дату:
Тогда вам просто нужно разобрать дату, и у вас есть количество дней в месяце.
Альтернатива с моментами, работающая на меня
И вы можете проверить
В качестве альтернативы вы можете использовать диапазон моментов, чтобы добиться этого:
Чтобы получить дни в месяце с moment.js, я использую этот:
Затем вызвать функцию
Ниже приведены два хороших функциональных подхода без внешней зависимости, кроме Moment:
Это возвращает массив объектов Moment, после чего вы можете запустить любой метод форматирования, который вы пожелаете.
Для дальнейшего чтения создания и заполнения массивов произвольной длины в JavaScript также обратите внимание, что в В первом примере вы должны заполнить массив нулем, прежде чем отобразить его, так как он до сих пор классифицируется как пустой, и поэтому функция map не будет работать.
MomentJS — Краткое руководство
MomentJS — это библиотека JavaScript, которая помогает анализировать, проверять, манипулировать и отображать дату и время в JavaScript очень простым способом. В этой главе будет представлен обзор MomentJS и подробно рассмотрены его возможности.
Moment JS позволяет отображать дату в соответствии с локализацией и в удобочитаемом формате. Вы можете использовать MomentJS внутри браузера, используя метод script. Он также доступен с Node.js и может быть установлен с помощью npm.
В MomentJS вы можете найти множество простых в использовании методов для добавления, вычитания, проверки даты, получения максимальной, минимальной даты и т. Д. Это проект с открытым исходным кодом, и вы можете легко вносить вклад в библиотеку и добавлять функции в виде плагинов и сделать его доступным на GitHub и в Node.js.
Характеристики
Позвольте нам подробно понять все важные функции, доступные с MomentJS —
анализ
Парсинг позволяет разобрать дату в требуемом формате. Разбор даты доступен в виде строки, объекта и массива. Это позволяет вам клонировать момент с помощью moment.clone. Доступны методы, которые дают вывод даты в формате UTC.
Проверка даты
Проверка даты очень проста с MomentJS. Вы можете использовать метод isValid () и проверить, является ли дата действительной или нет. MomentJS также предоставляет множество флагов разбора, которые можно использовать для проверки правильности даты.
манипуляция
Существуют различные методы манипулирования датой и временем на объекте момента. сложение, вычитание, startoftime, endoftime, local, utc, utcoffset и т. д. — это доступные методы, которые дают подробную информацию о дате / времени в MomentJS.
Приготовься
дисплей
Дисплей предоставляет форматы для отображения даты различными способами. Доступны методы, которые сообщают время с данного момента, с текущего момента, разницу между двумя моментами и т. Д. Это позволяет отображать дату в формате JSON, Array, Object, String и т. Д.
Запросы даты
У запросов с датами есть простые в использовании методы, которые сообщают, является ли дата большей или меньшей, чем введенная, между указанными датами, високосным годом, моментом, датой и т. Д. Это очень полезно при проверке даты.
Длительности
Продолжительность является одной из важных функций в MomentJS. Это в основном обрабатывает продолжительность времени для данных единиц. Доступный метод гуманизации отображает дату в удобочитаемом формате.
интернационализация
Интернационализация — еще одна важная особенность MomentJS. Вы можете отображать дату и время в зависимости от локали. Локаль может быть применена к определенному моменту, если требуется. Вы получите минимизированный файл с домашнего сайта MomentJS, который имеет все локали. Если вы имеете дело с определенной локалью, вы также можете добавить только этот файл локали и работать с ним. Названия месяцев, недель и дней отображаются в указанной локали.
настройка
MomentJS позволяет выполнить настройку для созданной локали. Вы можете настроить названия месяцев, аббревиатуру месяца, названия дня недели, сокращение дня недели, формат длинной даты и календарь для определенной локали в соответствии с вашими требованиями.
коммунальные услуги
Плагины
Плагины являются дополнительными функциями MomentJS. В календари добавлено много плагинов, формат даты, анализ, диапазоны дат, точный диапазон и т. Д. Вы можете добавить свои собственные плагины и сделать их доступными с Node.js и GitHub.
MomentJS — Настройка среды
В этой главе вы узнаете подробно о настройке рабочей среды MomentJS на вашем локальном компьютере. Прежде чем вы начнете работать с MomentJS, вам нужно иметь доступ к библиотеке. Вы можете получить доступ к его файлам любым из следующих способов —
Способ 1. Использование файла MomentJS в браузере
В этом методе нам понадобится файл MomentJS с его официального сайта и мы будем использовать его прямо в браузере.
Шаг 1
В качестве первого шага, перейдите на официальный сайт MomentJS https://momentjs.com. Вы найдете домашнюю страницу, как показано здесь —
Обратите внимание, что есть опция загрузки, которая дает вам последний доступный файл MomentJS. Обратите внимание, что файл доступен с минификацией и без нее.
Шаг 2
Теперь включите момент.js внутри тега сценария и начните работать с MomentJS. Для этого вы можете использовать код, приведенный ниже —
Приведенный здесь рабочий пример и его вывод для лучшего понимания —
пример
Выход
Файл локали момента для работы с разными локалями также доступен, как показано на скриншоте выше. Теперь добавьте файл в тег script, как показано ниже, и работайте с различными языками по вашему выбору. Для этого вы можете использовать код, приведенный ниже —
Здесь приведен рабочий пример для локали момента и ее вывода для лучшего понимания —
Выход
Способ 2: использование Node.js
После успешной установки MomentJS вы можете наблюдать следующий вывод:
Теперь, чтобы проверить, хорошо ли работает MomentJS с Node.js, создайте файл test.js и добавьте в него следующий код:
Теперь в командной строке запустите командный узел test.js, как показано на приведенном ниже снимке экрана:
Метод 3: Использование Bower
Бауэр — еще один способ получить необходимые файлы для MomentJS. Вы можете использовать следующую команду для установки MomentJS с помощью Bower —
На приведенном ниже снимке экрана показана установка MomentJS с использованием Bower —
Это файлы, загруженные из Bower для MomentJS для установки. Установленные файлы момента и локали показаны на рисунке ниже —
MomentJS — Введение
MomentJS и RequireJS
Чтобы понять работу MomentJS с использованием RequireJS, давайте проанализируем рабочий пример с MomentJS и RequireJS. Структура папок соответствующего приложения показана на следующем рисунке —
Вы можете получить файл require.js, полученный с официального сайта RequireJS — https://requirejs.org/docs/download.html. Обратите внимание на следующий код для лучшего понимания —
Пример project.html
main.js
Ниже приведен вывод для project.html, который вы увидите в браузере:
MomentJS и TypeScript
Код, используемый для сборки проекта MomentJS и Typescript, приведен ниже:
package.json
main.ts
gulpfile.js
Это вывод, который вы наблюдаете при запуске приведенного выше кода —
Вы можете увидеть структуру папок, как показано в следующем формате —
Код для index.html показан ниже —
MomentJS — парсинг даты и времени
MomentJS имеет много простых в использовании методов, которые помогают в разборе даты и времени. Он может анализировать даты в виде объекта, строки, массива, собственного объекта даты в JavaScript и т. Д. В этой главе они подробно обсуждаются.
Дата разбора
MomentJS предоставляет различные методы для анализа даты, как указано ниже —
