如何在asp.net mvc4项目中集成并使用bootstrap datetimepicker控件？

本文共计1067个文字，预计阅读时间需要5分钟。

前段时期，撰写了一篇关于利用阿里大于短信接口进行开发的案例文章。文章中详述了短信用群发通知的功能，并提供了符合格式化、易读要求的示例代码。

前段时间写了一篇关于调用阿里大于的短信接口来开发例会短信群发通知功能的文章www.jb51.net/article/94142.htm，其中的例会时间是需求中的重中之重，它需要满足“格式化”，“易输入”这两点，对短信费用关心的开发者要知道长短信是两条短信费用之和，因此，例会时间不能随意交给用户自定义输入；要考虑到“易输入”这点，只能选择日期选择控件来辅助用户输入，由于日期选择控件较为小巧使用，在页面中引入并不是难事。在本篇文章中，使用的是bootstrap的datetimepicker控件，如今bootstrap广泛使用，加之项目里用的也是bootstrap框架快速搭建界面的，这样一来选择这款日期控件也能较省资源，在这里呈上它的效果图：

　　这里想分享以下我在引入datetimepicker资源时遇到的一个问题解决方法，这里你需要引入bootstrap-datetimepicker.css和bootstrap-datetimepicker.js，但是引入资源前，你需要在asp.net mvc 中的BundleConfig.cs稍作改变，要说明的是，这个日期控件依赖jquery.js和bootstrap.js，这些资源引用有时要考虑有先后顺序，应该先引用jquery.js再bootstrap.js便是bootstrap-datetimepicker.js。如果遇到控件点击无反应，可以使用火狐浏览器在控制台查看页面遇到的错误。

　　在引用完资源后，这里对html结构不再说。要知道的在下载的控件zip压缩包里，有示例html，这很方便进行操作。