bootstrap-datepicker.jswas added to~\Scripts.datepicker.csswas added to~\Content. I renamed this file tobootstrap-datepicker.cssto stay in line with the other css files.
Once this was done I amended the
BootstrapBundleConfig.cs bundles to include these assets. Once this was done the bundle file looked like this:| using System.Web; using System.Web.Mvc; | |
| using System.Web.Optimization; | |
| namespace BootstrapSupport | |
| { | |
| public class BootstrapBundleConfig | |
| { | |
| public static void RegisterBundles(BundleCollection bundles) | |
| { | |
| bundles.Add(new ScriptBundle("~/js").Include( | |
| "~/Scripts/jquery-1.*", | |
| "~/Scripts/bootstrap.js", | |
| "~/Scripts/bootstrap-datepicker.js", // ** NEW for Bootstrap Datepicker | |
| "~/Scripts/jquery.validate.js", | |
| "~/scripts/jquery.validate.unobtrusive.js", | |
| "~/Scripts/jquery.validate.unobtrusive-custom-for-bootstrap.js" | |
| )); | |
| bundles.Add(new StyleBundle("~/content/css").Include( | |
| "~/Content/bootstrap.css", | |
| "~/Content/bootstrap-datepicker.css" // ** NEW for Bootstrap Datepicker | |
| )); | |
| bundles.Add(new StyleBundle("~/content/css-responsive").Include( | |
| "~/Content/bootstrap-responsive.css" | |
| )); | |
| } | |
| } | |
| } |
| @section Scripts { <script type="text/javascript"> | |
| $('.datepicker').datepicker(); //Initialise any date pickers | |
| </script> | |
| } |
