orchardcms-1.10 - 使用引导程序 datetimepicker 的果园 CMS

Question

我尝试在 Orchard CMS v 1.10 中使用引导程序 DateTimepicker 我添加文件

bootstrap-datetimepicker.js ,

bootstrap-datetimepicker.min.js ,

bootstrap-datetimepicker.css ,

bootstrap-datetimepicker.min.css ,

我将文件设置在正确的位置，其中 *.js 在 Script 文件夹中设置，*.css 在 Styles 文件夹中设置

并构建 ResourceManifest 类

 public class ResourceManifest : IResourceManifestProvider
    {
        public void BuildManifests(ResourceManifestBuilder builder)
        {
            var manifest = builder.Add();
            manifest.DefineScript("bootstrap_datetimepicker").SetUrl("bootstrap-datetimepicker.min.js", "bootstrap-datetimepicker.js");
            manifest.DefineStyle("bootstrap_datetimepicker").SetUrl("bootstrap-datetimepicker.min.css", "bootstrap-datetimepicker.css");

        }
    }

在视图中我添加此代码进行测试，但它不工作

@{

Script.Require("Bootstrap").AtFoot();
Script.Require("bootstrap_datetimepicker").AtFoot();
Style.Require("Bootstrap").AtHead();
Style.Require("bootstrap_datetimepicker").AtHead();

}

<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>

@using (Script.Foot())
{

    <script type="text/javascript">

        //<![CDATA[

        $(function () {


            $('#datetimepicker1').datetimepicker();

        });



        //]]>
    </script>
}

Answer 1

必须将 moment.js 添加到 Scripts 文件夹并通过 Add 更新 ResourceManifest

 manifest.DefineScript("moment").SetUrl("moment.min.js", "moment.js");

并在视图中调用它

 Script.Require("moment").AtFoot();

它正在工作