美文网首页Web 前端开发 WEB前端程序开发Web前端之路
日期时间选择器——bootstrap-datetimepicke

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

作者: 白昼黯淡了星光 | 来源:发表于2017-12-18 18:59 被阅读143次

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

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

    需要引入的css和js文件

      HTML代码:

    HTML代码

        JavaScript代码:

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

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

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

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

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

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

    一个基本的效果图出来了

    相关文章

      网友评论

      本文标题:日期时间选择器——bootstrap-datetimepicke

      本文链接:https://www.haomeiwen.com/subject/zkemwxtx.html