A New Start

BootStrap使用之时间控件(1)

一、简介

当我们设计 form 表单的时候,需要使用到日期的填写,对于控件的选择,你完全可以信赖 bootstrap-datetimepicker,先上几张预览图。

这几张是我从不同项目中截下来的图,良莠不齐,但是看官想必已经明了。

二、依赖

首先,需要从官网下载插件 http://www.bootcss.com/

然后引入 js 和 css 样式即可,此处我们必须引入

样式文件:

js:

以及如果你需要更改语言的语言包(此处引入我大天朝的中文包):

三、简单Demo

思路就是,写段 div,然后在 script 中将其格式化,就这么简单。

格式化:

依次点击便会出现如下的效果图:

bootstrap-datetimepicker4.png

四、详细介绍

上述其实只是简单的案例,如下是初始化时常用的更为详细的说明:

当然,本文只是上手的简单教程,更为详细的说明,当然还是要去查看官方文档(点击下方进行跳转)。

文档  案例

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注