学习使用bootstrap之datetimepicker插件

本文记录了在平台移植中使用bootstrap datetimepicker插件的过程,包括必要的css和js文件引入,注意事项,以及如何设置显示中文。强调了选择合适的bootstrap版本和格式字符串的重要性,并提供了效果展示。
摘要由CSDN通过智能技术生成

最近因为要做平台的移植,不能使用之前封装的时间插件。但可以用开源的bootstrap,为了方便自己以后万一还有时间控件的需求,特此记录一下吧。虽然可能大家觉得简单,但是我着实费了一番功夫,话不多少,begin!

 

做时间控件可以使用bootstrap的datetimepicker插件(如果只需要日期的话直接用datepicker,如果是需要起始、结束日期的范围用daterangepicker就OK),该插件是基于纯js驱动的,跟highcharts类似的原理。

 

首先,必要的一些css和js必须引入:

bootstrap.min.css:bootstrap的基本样式

bootstrap-datetimepicker.min.css:datetimepicker插件的样式

jquery-1.x.x.min.js:jquery,必须引入,可能不同的bootstrap需要的jquery版本不同

bootstrap.min.js:bootstrap的必要的js

bootstrap-datetimepicker.js:datetimepicker插件必须的js文件

bootstrap-datetimepicker.zh-CN.js:所支持的语言版本插件(一般在bootstrap的local目录下,这里把它单独抽出来~)

 

好了,我们在开始前,必须要注意:fonts(不能随意改名)目录是必须的,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值