2017-02-06 13 views
0

我尝试在果园CMS v如果使用自举的DateTimePicker 1.10 我添加的文件果园CMS使用自举的DateTimePicker

引导-datetimepicker.js,

引导-datetimepicker.min.js,

自举datetimepicker.css,

引导-datetimepicker.min.css,

我坐落在科尔文件ECT地方,* .js文件的脚本文件夹设置和*的CSS样式中的文件夹

设置和构建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> 
} 

回答

0

必须添加moment.js到脚本文件夹和更新由ResourceManifest添加

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

,并查看刚才

调用它,它正在

enter image description here