Web 前端开发 WEB前端程序开发Web前端之路

日期时间选择器——bootstrap-datetimepicke

2017-12-18  本文已影响143人  白昼黯淡了星光

    在bootstarp中时间选择器有两种:dateTimePicker和dateRangePicker。

    此文主要介绍bootstarp的官方嫡系插件dateTimePicker的使用。API直接参考地址:http://www.bootcss.com/p/bootstrap-datetimepicker/。打开后直接下载压缩包,解压之后放在项目的目录中,引入相应的文件即可使用。

需要引入的css和js文件

  HTML代码:

HTML代码

    JavaScript代码:

时间选择器的属性设置 提供的方法 提供的一些事件

    另外可以根据相应的需求来引入自己需要的显示语言:

根据自己的需要引入,并在属性里设置相应的language

    还可以根据需求自行的DIY:

自行的DIY要展示的语言和格式

这款插件比较完善,基本可以满足现在界面上的各种产品需求,在做项目的过程中可以灵活地运用,希望可以帮助到大家!

一个基本的效果图出来了
上一篇下一篇

猜你喜欢

热点阅读