Пользовательский формат строки jqGrid, например формат даты

Я пытаюсь распечатать данные json на веб-странице с помощью jqGrid, но есть некоторые проблемы.

Вот мой код js-скрипта.

$('#sometables').jqGrid({
    ...
    ...
    ...
    colNames: ['created_date'], 
    colModel: [ {name: 'created_date', align: 'center} ], 
    ...
    ...
    ...
});

created_date - это данные json (тип исходной строки java).

Итак, я вижу created_date в сетке веб-страницы, например: 20180912093510, значит 2018/09/12 09:35:10.

Проблема: как отформатировать строковый тип в jqgrid?

Я хочу видеть 2018/09/12 09:35:10, а не 20180912093510.

Я сначала попробовал:

{name: 'created_date', align: 'center', formatter: 'date', formatoptions: {newformat: 'Y/m/d H:i:s'}},

но результат был: NaN/NaN/NaN NaN:NaN:NaN

Я попробовал второй:

{name: 'created_date', align: 'center', formatter: 'date', formatoptions: {srcformat: 'string', newformat: 'Y/m/d H:i:s'}},

но результат был: 1970/01/01 00:00:00

Могу ли я преобразовать строковые данные в данные, подобные дате? Должна быть функция форматирования строк? Если можно, приведите несколько примеров.

Какой datatype вы используете? Какой версия jqGrid вы используете и из какого вилка jqGrid (бесплатно jqGrid, коммерческий Гуриддо jqGrid JS или старый jqGrid в версии <= 4.7)? В любом случае вам нужно либо изменить входные данные на стороне клиента, либо на стороне сервера, чтобы предоставить любой формат, поддерживаемый предопределенным средством форматирования "date", или использовать настраиваемый модуль форматирования (который может дополнительно вызывать предварительно определенный модуль форматирования "date" внутри).

— 12.09.2018 12:22

javascript json jsp spring-boot jqgrid

12.09.2018 02:54

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

778

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете использовать, например, настраиваемое средство форматирования, которое вызывает внутренне предопределенное средство форматирования даты. Соответствующий код может выглядеть следующим образом:

{
    name: "created_date",
    align: "center",
    sorttype: "integer",
    formatter: function (cellValue, options, rowdata, action) {
        var fixedValue = cellValue.substr(0, 4) + "-" +
                cellValue.substr(4, 2) + "-" +
                cellValue.substr(6, 2) + "T" +
                cellValue.substr(8, 2) + ":" +
                cellValue.substr(10, 2) + ":" +
                cellValue.substr(12);
        return $.fn.fmatter.call(this, "date", fixedValue, options, rowdata, action);
    },
    formatoptions: {
        srcformat: "ISO8601Long",
        newformat: "Y/m/d H:i:s"
    }
}

См. https://jsfiddle.net/OlegKi/7pzy2x86/1/

12.09.2018 22:25