Magento 2 Запустите код после component.exted

Question

Я хочу добавить поле на страницу оформления заказа, в котором есть указатель даты.Для этого у меня есть шаблон в:

app/code/Vendor/Module/view/frontend/web/template/checkout/attributes-form-content.html

С тегом ввода:

                <input
                    type="text"
                    id="delivery"
                    class="input-text order-comment order-comment-input"
                    name="delivery-code"
                    placeholder="Enter expected delivery date"
                    />

Мне нужно запустить функцию JavaScript натег ввода после его рендеринга:

  $(#delivery).datepicker();

Поскольку тег ввода находится внутри шаблона, представленного самим javascript, я не могу добавить тег в шаблон, если он просто игнорируется.Как я могу сделать этот входной тег jayeryUI datepicker?

Код, над которым я работаю, имеет файл javascript в:

app/code/Vendor/Module/view/frontend/web/js/view/checkout/order-attributes-block.js

, который имеет:

return Component.extend({
            defaults: {
                template: 'Vendor_Module/checkout/order-attributes-block'
            },
            initialize: function() {
                this._super();
                var self = this;
                this.csn = ko.observable("").extend({maxOrderCsnLength: this.getMaxLength()});

                this.remainingCharacters = ko.computed(function(){
                    return self.getMaxLength() - self.csn().length;
                });

            },

Я пытался поместить свой код в функцию инициализации, но, конечно, это не так просто, и это не сработало.Код выполняется, но до отображения шаблона.Поэтому внесение каких-либо изменений в любой элемент в отображаемом HTML невозможно.Любые идеи, как показать DatePicker на странице оформления заказа magento 2?