你的位置:首页 > 软件开发 > ASP.net > 在asp.net mvc4项目里bootstrap datetimepicker控件的使用

在asp.net mvc4项目里bootstrap datetimepicker控件的使用

发布时间:2016-10-03 13:00:37
前段时间写了一篇关于调用阿里大于的短信接口来开发例会**通知功能的文章http://www.cnblogs.com/zhouyuangan/p/apicall_1.html,其中的例会时间是需求中的重中之重,它需要满足“格式化”,&am ...

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

在asp.net mvc4项目里bootstrap datetimepicker控件的使用

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

  在引用完资源后,这里对html结构不再说。要知道的在下载的控件zip压缩包里,有示例html,这很方便进行操作。现在解决了易输入的需求,再之是格式化,好在这个日期控件得到的日期时间已经是规范化的,但有一个问题,选择的时间是英文的,是否需要汉化也是一个考虑的方向。

在asp.net mvc4项目里bootstrap datetimepicker控件的使用

  项目里对时间要求的格式为如:10月04。这里不考虑汉化,在后台代码中对字符串处理,得到预期的时间日期。这里可以采用ajax提交选择的日期。先在在action中做处理:

 

public ActionResult SmsSendForMeeting(FormCollection Form)    {       string Operator = Form["Operator"] ;//发送者      string Department =Form["Department"] ;//部门名称      string Time = Form["Time"].ToString();//设定的时间      //对日期进行处理      //日期格式:"18 September 2016 - 08:30 pm"      Time = sp.DateParse(Time);//调用日期处理函数       //省略其他无关代码      return View();      }  

原标题:在asp.net mvc4项目里bootstrap datetimepicker控件的使用

关键词:ASP.NET

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。