Question

火爆新手。我需要使用Bootstrap DateTime Picker。有人使用过吗？我对如何调用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中有一些函数，它们也都在@code中，这是哪个？
2）可以使输入控件无法编辑（因此，提交时无需验证输入的时间或日期是否有效）。

Answer 1

我建议您尝试使用此方法，而不要大声疾呼来调用JS

https://github.com/nheath99/NodaTimePicker

Answer 2

使用以下代码：

@inject IJSRuntime JSRuntime;

如何使用Blazor调用JQuery函数

2 个答案: