Как извлечь циклический объект, содержащий html-элемент в javascript?

#javascript #jquery #object

#javascript #jquery #объект

Вопрос:

Я пытался использовать https://github.com/artsy/day-schedule-selector для создания планировщика на основе временных интервалов, но он возвращает объект, подобный этому

Его нельзя преобразовать в строку, проанализировать или что-либо еще. Я пробовал этот метод

  Object.entries(selected).forEach(entry => {
        const [key, value] = entry;
        console.log(value);
    });

и возврат был таким

опять же, я не могу получить к нему доступ через десериализацию, stringify, в string или еще. Когда я строю его и возвращаю данные json следующим образом : {"jQuery111208320953175692328":23}

Мне нужно извлечь данные-время для каждого из них

1. Пожалуйста, вставьте объект json в виде текста в свой вопрос, чтобы мы могли попробовать решения для него.

2. Я знаю, это странно, я не могу щелкнуть правой кнопкой мыши, а затем скопировать объект, он создает такой объект { "0": {}, "1": {}, "length": 2, "prevObject": { "0": {}, "1": {}, "length": 24, "prevObject": { "0": {}, "context": {}, "length": 1 }, "context": {}, "selector": ".time-slot[data-day="5"]" }, "context": {} } , поэтому я использую image

3. если вы пытаетесь получить выбранные ячейки, попробуйте это var selected = $("#schedule-selector").data('artsy.dayScheduleSelector').serialize() serialize() возвращает объект, содержащий выборки каждого дня

4. Спасибо, serialize() мне очень помогает

Ответ №1:

Я запросил выбранные данные в планировщике и попытался извлечь день и время. Я надеюсь, что это полезно для вас.

 console.log(document.querySelectorAll('[data-selected]'));
var nodelist = document.querySelectorAll('[data-selected]');
for (i = 0; i < nodelist.length; i  ) 
{
    console.log(" day : "  nodelist[i].dataset.day  " time :"      nodelist[i].dataset.time );
}

вот пример вывода после выбора случайных дней в календаре:

 day : 0 time :09:30 
day : 2 time :09:30 
day : 0 time :10:00 
day : 2 time :10:00 
day : 0 time :10:30 
day : 2 time :10:30 
day : 4 time :11:00 
day : 4 time :11:30 
day : 6 time :11:30 
day : 4 time :12:00 
day : 6 time :12:00 
day : 6 time :12:30 
day : 0 time :13:00 
day : 0 time :13:30 
day : 3 time :13:30 
day : 3 time :14:00

1. Потрясающе, теперь я могу встроить его $("#day-schedule").on('selected.artsy.dayScheduleSelector', function() {} и вызвать ajax-запрос, используя его для немедленного обновления базы данных Большое спасибо вам @AntiqTech