При разработке фронтенда на React часто возникает проблема поиска подходящих компонентов, которые не конфликтуют с уже используемыми решениями. Столкнувшись с этой проблемой, я решил создать свой собственный компонент для ввода времени — timepicker. Он позволяет вводить данные несколькими способами: с помощью цифр на клавиатуре, стрелками вверх-вниз на клавиатуре и аналогичными кнопками в интерфейсе. Это делает компонент гибким и удобным для пользователей с разными предпочтениями.

Если вы когда-либо сталкивались с JavaScript, вероятно, слышали о методах slice и splice. Но что, если я скажу вам, что они имеют совершенно разные назначения и использование одного вместо другого может привести к непредсказуемым результатам. Вчера я минут 20 не мог понять, почему код правильный, а данные нет 🙂 Подвела авто-коррекция в VS Code.

Переменная типа Date - это объект в JavaScript и TypeScript. Когда у вас появится свободное время, попробуйте сравнить 2 объекта, не обязательно дату, вы найдете много интересного 🙂 Не буду умничать и скажу, что сравнивать нужно не объекты, а их свойства.

Очередная шпаргалка для Fullstack разработчика - сводная таблица по добавлению и удалению элементов массива. Когда надо добавить элемент в начало массива, когда в конец, или наоборот - удалить элемент. Ниже 4 базовых метода для добавления или удаления элементов.

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

В JS/TS есть удобные методы для работы с JSON -  stringify для конвертации в строку и parse для обратного преобразования строки в объект. В TypeScript есть типы и есть тип данных Date, но без некоторых особенностей реализации не обошлось. Хоть и быстро, но не сразу, проблема была определена и решена, но какое-то время было потрачено. Есть некоторые особенности, как сделать дату из строки и наоборот в JavaScript / TypeScript.

Задача - сортировать массив объектов allSlots по дате начала и окончания. startTime и endTime - строки. Язык - Javascript или Typescript.
Исходный массив выглядит следующим образом.

В представлении календаря SharePoint можно очень легко и незаметно для себя изменить дату события, просто перетащив запись в другое место календаря. При этом, интерфейс SharePoint не скажет тебе ничего о сделанных изменениях, потому легко может оказаться, что, к примеру, дата запланированной встречи неожиданно изменилась. Что делать?

Как и в обычных формах, в приложениях WebForms проверку можно и нужно делать на стороне не только сервера, но и клиента. Для добавления проверки на ASP странице используется элемент управления (контрол) <asp:CustomValidator></asp:CustomValidator>, а для указания функции проверки на стороне клиента (проверка с помощью Javascript) нужно указать значение параметра контрола ClientValidationFunction.

(далее...)

Для генерации и работы с таблицами на сайте существует несколько библиотек. Почти все они частично бесплатные, т. е. могут быть использованы как бесплатно, так и платно. Платные версии, разумеется, обладают намного большим функционалом.  Я выделил 4 фреймворка для работы с таблицами, которые лично мне понравились. Их безусловно больше. Мой выбор остановился на фреймворках Ag-grid, FancyGrid, HandSontable и Koolgrid. Эти фреймворки не только отображают таблицы (только для отображения можно использовать кучу бесплатных библиотек), но и позволяют редактировать данные на странице. Рассмотрим их.

(далее...)