<?php
$array;

foreach($array as $key => $val) {

$res = $modx->getObject('modResource',$val['id']);
$field_date = $res->getTVValue('field_date');
$array_field = json_decode($field_date, true);

  foreach($array_field as $key => $val) {
      echo $val['date1'].'---
';
  }
}

<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@17.8.3/dist/lazyload.min.js"></script>
<script>
var lazyLoadInstance = new LazyLoad({
    elements_selector: ".lazy"

});
    $(document).on('pdopage_load', function () {
    lazyLoadInstance.update();
});
</script>

var lazyLoadInstance = new LazyLoad({
    elements_selector: ".lazy"

});

Uncaught ReferenceError: lazyLoadInstance is not defined
    at HTMLDocument.<anonymous> ((index):337:5)
    at HTMLDocument.dispatch (jquery-3.6.3.js:5494:27)
    at elemData.handle (jquery-3.6.3.js:5298:28)
    at Object.trigger (jquery-3.6.3.js:8829:12)
    at HTMLDocument.<anonymous> (jquery-3.6.3.js:8907:17)
    at Function.each (jquery-3.6.3.js:385:19)
    at jQuery.fn.init.each (jquery-3.6.3.js:207:17)
    at jQuery.fn.init.trigger (jquery-3.6.3.js:8906:15)
    at Object.success (pdopage.js:196:25)
    at fire (jquery-3.6.3.js:3564:31)

$(document).on('pdopage_load', function () {
    lazyLoadInstance.update();
});
$(document).on('mse2_load', function () {
    lazyLoadInstance.update();
});

ms2_register_frontend

$(document).on('msoneclick_after_init', function (e, data) {
var form = $('.msoptionsprice-product-' + msOneClick.Product.product_id)
if (form.length) { msOptionsPrice.Product.action('modification/set', form) }
})

$(document).on('msoneclick_after_init', function (e, data) {
var form = $('.msoptionsprice-product-' + msOneClick.Product.product_id)
if (form.length) { msOptionsPrice.Product.action('modification/set', form) }
})