Question

我正在尝试进入 Asp.Net Core 2.2 MVC 。由于来自DevExpress日期时间选择器的值，我想将 moment.js 库用于某些日期计算。我已经可以根据以下instructions使用“ libman.json”将其包括在内：

{
  "provider": "cdnjs",
  "library": "moment.js@2.23.0",
  "destination": "wwwroot/lib/moment.js/",
  "files": [
    "moment-with-locales.min.js",
    "locale/de.js"
  ]
}

*。js文件可用。

a busy cat

但是，不能按照页面https://momentjs.com/docs/中的描述使用类型或工厂的'moment（）'（MVC也没有特殊的示例）。它不存在。我也尝试使用nuget'Moment.js'，但也无法引用它。

我在* .cshtml中尝试了类似的方法……但这是Angular而非MVC，不是吗？

@section脚本{

<script>
    import $ from jquery;
    import moment from moment;
    const m = moment();

    function dateDiff(secondDate) {            
        //var a = moment([2008, 9]);
        //var b = moment([2007, 0]);
        //a.diff(b, 'years');
        return $("#age").text("" + " years");
    }
</script>

}

我无法访问moment.js类型。我需要做什么？我做错了什么？

提前谢谢！此致。

Answer 1

在使用moment之前，您需要引用它。

短时间使用，您可以尝试如下操作：

@section Scripts{ 
    <script src="~/lib/moment.js/moment-with-locales.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var now = moment();
            alert(now);
            var a = moment([2008, 9]);
            var b = moment([2007, 0]);
            alert(a.diff(b, 'years'));
        });
    </script>
}

您还可以通过moment在全球范围内注册_Layout.cshtml。

<!DOCTYPE html>
<html>

    //rest code
    <environment include="Development">
        <script src="~/lib/jquery/dist/jquery.js"></script>
        <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.js"></script>
    </environment>
    <environment exclude="Development">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"
                asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
                asp-fallback-test="window.jQuery"
                crossorigin="anonymous"
                integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=">
        </script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"
                asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"
                asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal"
                crossorigin="anonymous"
                integrity="sha256-E/V4cWE4qvAeO5MOhjtGtqDzPndRO1LBk8lJ/PR7CA4=">
        </script>
    </environment>
    <script src="~/js/site.js" asp-append-version="true"></script>
    <script src="~/lib/moment.js/moment-with-locales.min.js"></script>
    @RenderSection("Scripts", required: false)
</body>
</html>

Answer 2

@Tao Zhou-非常感谢您的回答。当然，我尝试在_layout.cshtml中引用/注册它。

问题出在其他地方...我已经测试了DevExpress的CodeRush作为IntelliSense ... 对于JavaScript，此IntelliSense似乎无法识别moment.js的类型，甚至可能无法识别任何类型的js。因此，我认为该引用将不起作用，但实际上这只是IDE扩展的问题！

那么ReSharper ...我们又来了：）

将CDNJS与LibMan一起用于Moment.JS

2 个答案: