ApeekFlow
  • Платформа Apeekflow
  • С чего начать
    • Начало работы
    • Создаем первое приложение
    • Шаблоны проектов
  • Настройки платформы
    • Профиль
    • Библиотека запросов
    • Источники данных
      • Базы данных
        • PostgreSQL
        • MongoDB
        • MySQL
        • Redis
        • Microsoft SQL Server
        • MariaDB
      • AI сервисы
      • App Development
        • REST API
        • ApeekFlow REST API
      • Messaging
      • Assets
        • Хранилище файлов S3
      • Websocket
      • Сервисы
        • Google Sheets
    • Настройки
      • Рабочие пространства
      • Пользователи и группы
      • Расширенные настройки
        • Сторонние библиотеки
        • Импорт UMD библиотек
    • Корзина
  • Конструктор приложений
    • Обзор
      • Приложения
      • Модули
      • Приложение или модуль
      • Навигационная панель
      • Массовое редактирование
      • Управление слоями
      • Использвание Markdown
      • Горячие клавиши
    • Каталог компонентов
      • Общие настройки компонентов
      • Тост нотификации
      • Components
        • Table
        • Cascader
        • Link
        • Float Button
        • Form
        • JSON Schema Form
        • JSON Editor
        • JSON Explorer
        • Rich Text Editor
        • Input
        • Password
        • Number Input
        • Text Area
        • Auto Complete
        • Switch
        • Checkbox
        • Radio
        • Slider
        • Range Slider
        • Form Button
        • Icon Button
        • Dropdown
        • Toggle Button
        • Rating
        • Select
        • Multiselect
        • Tree
        • Tree Select
        • Text Display
      • Calendar
        • Calendar
        • Timer
        • Date
        • Date Range
        • Time
        • Time Range
      • Layout
        • Responsive Layout
        • Page Layout
        • Column Layout
        • Float Text Container
        • Content Card
        • Tabbed Container
        • Collapsible Container
        • Container
        • List View
        • Grid
        • Modal
        • Drawer
        • Divider
        • Navigation
        • Segmented Control
        • Tour
      • Multimedia
        • File Upload
        • File Viewer
        • Image
        • Image Carousel
        • Audio
        • Video
        • Shapes
        • Lottie Animation
        • Icons
        • Image Editor
        • Color Picker
        • QR Code
        • Scanner
      • Graphs
        • Basic Chart
        • Candlestick Chart
        • Funnel Chart
        • Gauge Chart
        • Graph Chart
        • Heatmap Chart
        • Radar Chart
        • Sankey Chart
        • Sunburst Chart
        • Theme River Chart
        • Tree Chart
        • Treemap Chart
        • Geo Map Charts
        • Mermaid Chart
        • Timeline
        • Progress
        • Progress Circle
      • Collaboration
        • Avatar
        • Avatar Group
        • Comment
      • Integration
        • Page
    • Кастомизация и код
      • Настройка стилей компонентов
      • Temporary State
      • Transformers
      • Data responder
      • Event handlers
      • Выполнение запросов
        • Привязка данных запроса к компонентам
      • Использование Javascript
        • JavaScript запросы
        • Встроенные функции JS
        • Работа с датой и временем в Day.js
    • Антипатерны
  • Релиз менеджмент
    • Версионирование запросов
    • Версионирование приложений
    • Доступ до приложений
    • Публикация приложений
  • Безопасность
    • Основная информация
    • IP адреса облака
    • Права доступа до объектов
Powered by GitBook
On this page
  1. Конструктор приложений
  2. Кастомизация и код
  3. Использование Javascript

Работа с датой и временем в Day.js

PreviousВстроенные функции JSNextАнтипатерны

Last updated 6 months ago

Day.js это облегченная библиотека JavaScript для анализа, проверки, манипулирования и форматирования дат и времени, разработанная как более простая и компактная альтернатива Moment.js.

Day.js уже включен в Apeekflow, поэтому вы можете напрямую начать использовать его для работы с датами и временем, создав Day.js объекты с помощью dayjs(). Эта функция поддерживает различные форматы, включая строки, объекты даты и временные метки UNIX, что позволяет гибко манипулировать датой и временем, например, добавлять или вычитать время, форматировать даты и сравнивать даты.

Вы можете прочитать, как использовать Day.js в их превосходной документации здесь:

Day.js плагины

Чтобы расширить функциональность Day.js, разработчики могут использовать систему плагинов, которая позволяет добавлять дополнительные функции, недоступные в базовой библиотеке. Плагины можно добавлять, включив их скрипты в проект и затем зарегистрировав их в Day.js с помощью dayjs.extend(). Например, если разработчик хочет использовать плагин advancedFormat, он должен включить скрипт плагина, а затем вызвать window.dayjs.extend(window.dayjs_plugin_advancedFormat), чтобы сделать доступными расширенные параметры форматирования.

// в вашем JavaScript для уровня страницы или рабочей области сначала требуется plugin
var advancedFormat = require('dayjs/plugin/advancedFormat');

// затем вы можете расширить его на Day.js.
window.dayjs.extend(window.dayjs_plugin_advancedFormat);

Такой модульный подход позволяет вам сохранить легкость ваших приложений, включив в них только необходимые функции.

Краткий обзор Day.js плагинов:

При использовании плагинов важно убедиться, что они загружены и расширены после запуска. Day.js библиотека инициализирована. Мы видели случаи, когда это не происходит автоматически, и поэтому это может означать использование дополнительного запроса JavaScript, чтобы убедиться, что плагин загружен и создан.

Day.js плагины для CDNjs:

Теперь вы можете использовать Day.js Плагины во всех местах Apeekflow, которые поддерживают {{ }} Нотацию Handlebar.

Quarter: {{dayjs().format('Q')}}

Day of Month with ordinal: {{dayjs().format('Do')}}

Week of year: {{dayjs().format('w')}}

{{dayjs('2013-11-18 11:55').tz('Asia/Taipei')}}
https://day.js.org/docs/en/get-set/get
https://day.js.org/docs/en/plugin/plugin
https://cdnjs.com/libraries/dayjs