在Bootstrap开发框架中使用bootstrap
作者: / 2019-08-28 / 浏览次数:

在基于boostrap的web开发中,往往需要录入日期内容,基于boostrap的凯发体育网址插件中,关于日期的录入可以使用bootstrap-datepicker这个非常不错的插件,以替代默认的type=date这种不太友好的日期录入控件,本篇介绍的是我在我的boostrap开发框架中利用bootstrap-datepicker插件实现日期的录入处理。

关于bootstrap-datepicker插件的相关的项目地址如下所示:

使用这个插件,和其他插件使用类似,只需要引入对应的js文件和css样式即可,如下是该插件的引用文件。

 script src="/js/bootstrap-datepicker.js" /script 
 script src="/css/bootstrap-datepicker3.min.css" /script 

如果需要使用本地语言,引入语言文件即可。

 script src="/locales/bootstrap-datepicker.zh-cn.js" /script 

插件的文件目录如下所示

插件的使用界面效果如下所示

我们在mvc框架中,使用插件的时候,往往是把对应的css和js,通过打包的方式进行引入,如在c#代码里面bundleconfig.cs的代码如下所示

css文件引入如下代码所示

js文件类似,如下所示。

而我们在开发boostrap项目的时候,我们可以使用母版的方式引入对应的js和css文件,在子页面则不需要再关注这些应用了,这些是基于mvc的boostrap开发常见的处理,在这里就不再赘述了。

 

初始化bootstrap-datepicker插件也比较简单,最简单的代码如下所示。

 input type="text" id="datetimepicker" 
【某某业务】网站建设、网站设计、服务器空间租售、网站维护、网站托管、网站优化、百度推广、自媒体营销、微信公众号
如有意向---联系我们
热门栏目
热门资讯

网站建设 网站托管 成功案例 新闻动态 关于我们 联系我们 服务器空间 加盟合作 网站优化

备案号: 

公司地址:江苏省南京市玄武区玄武湖 咨询QQ:9490489 手机: 电话: