时间戳

首页 > 解决方案 > 如何使用 Blazor 调用 JQuery 函数

blazor - 如何使用 Blazor 调用 JQuery 函数

问题描述

新的 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 集成，将使用：
await JsRuntime.InvokeAsync("");

但是对于上述情况，如何使用这个 JsRuntime 呢？

请帮忙。

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

标签： blazor

解决方案

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

https://github.com/nheath99/NodaTimePicker

推荐阅读