使用bootstrap datetimepicker的orchard CMS

时间:2017-02-06 08:25:38

标签: orchardcms-1.10

我尝试在Orchard CMS v 1.10中使用bootstrap DateTimepicker 我添加文件

bootstrap-datetimepicker.js,

bootstrap-datetimepicker.min.js,

bootstrap-datetimepicker.css,

bootstrap-datetimepicker.min.css,

我将文件设置在脚本文件夹中设置的* .js和样式文件夹中设置的* .css的正确位置

并构建ResourceManifest类

{% if user.is_athenticated %}

在视图中我添加此代码进行测试,但它无法正常工作

@ {

 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();

1 个答案:

答案 0 :(得分:0)

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

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

并在View中通过

调用它
 Script.Require("moment").AtFoot();

它正在运作

enter image description here