How to use jQuery UI from Blazor component

Question

I am working through some Blazor examples, and while trying to work with some JSInterop solutions, I ran into an issue with jQuery UI elements. I am not a proficient Javascr

Answer 1

Works fine for me like this, to add datepicker from jquery ui:

Razor component file.

@code {
    protected override async void OnAfterRender(bool firstRender)
    {
        await jsRuntime.InvokeVoidAsync("addDatePicker");
        base.OnAfterRender(firstRender);
    }
}

Global razor file:

@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers




    
    
    
    
    
    
    
    
    


    
        @(await Html.RenderComponentAsync(RenderMode.ServerPrerendered))