在bootstarp中时间选择器有两种:dateTimePicker和dateRangePicker。
此文主要介绍bootstarp的官方嫡系插件dateTimePicker的使用。API直接参考地址:http://www.bootcss.com/p/bootstrap-datetimepicker/。打开后直接下载压缩包,解压之后放在项目的目录中,引入相应的文件即可使用。
需要引入的css和js文件HTML代码:
HTML代码JavaScript代码:
时间选择器的属性设置 提供的方法 提供的一些事件另外可以根据相应的需求来引入自己需要的显示语言:
根据自己的需要引入,并在属性里设置相应的language还可以根据需求自行的DIY:
自行的DIY要展示的语言和格式这款插件比较完善,基本可以满足现在界面上的各种产品需求,在做项目的过程中可以灵活地运用,希望可以帮助到大家!
一个基本的效果图出来了
网友评论