如何使用 Blazor 调用 JQuery 函数答案

【问题标题】：How to use Blazor to Invoke JQuery Function如何使用 Blazor 调用 JQuery 函数
【发布时间】：2019-07-10 03:04:10
【问题描述】：

blazor 新手。我需要使用 Bootstrap 日期时间选择器。以前有人用过吗？我对如何调用 JQuery 函数感到困惑。了解有 JSRuntime.Invoke() 但这一个用于普通的 java 脚本功能。下面是代码：

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>

    </div>
</div>

我将 Jquery 放在 Index.html 脚本部分：

  <script type="text/javascript">
            $(function () {
                $('#datetimepicker1').datetimepicker();
            });
        </script>

对于普通的 JS 集成，这将被使用：
等待 JsRuntime.InvokeAsync("");

但是对于上面的，这个JsRuntime怎么用呢？

请帮忙。

更新：
这是一个很棒的控制。我有一些关于下载的问题。
1）@code 和@function 有一些 func 也在@code 中，这是哪个？
2）有可能使输入控件无法编辑（因此提交时无需验证是否为有效时间或日期）。

【问题讨论】：

@code 是新的@function - 现在使用@code。与NodatimePicker 相关的问题最好通过 GitHub 完成。我不是作者。
您可以覆盖 OnAfterRender，并调用调用 jQuery 函数的函数：stackoverflow.com/questions/54274629/…。但是您可以尝试使用另一个 blazor 库中的组件，而不是为此使用 jQuery

标签： blazor

【解决方案1】：

我建议尝试这个而不是调用 JS

https://github.com/nheath99/NodaTimePicker

【讨论】：

谢谢。只是一个快速的。我不确定这是如何工作的。希望你能解释一下。我会在那个论坛上质疑其他人。 System.Globalization.CultureInfo FormatProvider = new System.Globalization.CultureInfo("fr-FR");静态 LocalDate Today = SystemClock.Instance.GetCurrentInstant().InUtc().LocalDateTime.Date;本地日期？选定日期2；

【解决方案2】：

使用下面的代码：

@inject IJSRuntime JSRuntime;

【讨论】：