文档章节

boostrap时间控件

赵作文
 赵作文
发布于 2015/09/28 18:17
字数 175
阅读 246
收藏 4

1:引入相应的css和js

      css: 

<link href="<%=path%>/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

<link href="<%=path%>/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css">

    js文件:

         <script src="<%=path%>/js/jquery.min.js" type="text/javascript"></script>

        <script src="<%=path%>/js/bootstrap.min.js" type="text/javascript"></script>

<script src="<%=path%>/js/bootstrap-datetimepicker.min.js"></script>

<script src="<%=path%>/js/bootstrap-datetimepicker.zh-CN.js"></script>


2:html代码:

        

<div class="form-group">
<label class="col-lg-2 control-label">执行时间:</label>
<div class="col-lg-4">
<input class="form-control" type="text"  data-date-format="yyyy-mm-dd hh:ii:ss" placeholder="执行时间(开始)" id="startTimeDatePicker" name="startTime" />
</div>
<div class="col-lg-4">
<input class="form-control" type="text" data-date-format="yyyy-mm-dd hh:ii:ss" placeholder="执行时间(结束)" name="endTime" />
</div>
</div>


3:js代码


  

var datepickers = $("input[data-date-format]");
datepickers.datetimepicker({
        language: 'zh-CN',
        weekStart:1,
        autoclose:true,//设置选择完时间之后自动关闭选择框
        startDate:new Date()//
        });


© 著作权归作者所有

上一篇: 富文本框
下一篇: boostrap alert
赵作文
粉丝 1
博文 23
码字总数 5827
作品 0
上海
后端工程师
私信 提问
在Bootstrap开发框架中使用bootstrap-datepicker插件

在基于Boostrap的Web开发中,往往需要录入日期内容,基于Boostrap的插件中,关于日期的录入可以使用bootstrap-datepicker这个非常不错的插件,以替代默认的type=date这种不太友好的日期录入控...

伍华聪
2018/10/22
0
0
DevExpress v18.1新版亮点——ASP.NET Bootstrap篇(一)

用户界面套包DevExpress v18.1日前终于正式发布,本站将以连载的形式为大家介绍各版本新增内容。本文将介绍了DevExpress ASP.NET Bootstrap v18.1 的新功能,快来下载试用新版本!点击下载>...

Miss_Hello_World
2018/08/31
13
1
基于 Angular 的 Bootstrap CSS 框架指令集--NG Bootstrap

NG Bootstrap 是基于 Angular(非 Angular.js)开发的 Bootstrap CSS 框架的指令集。 原生开发 专为Bootstrap 4 开发的Angular组件,开发了符合Angular生态系统的API,没有使用任何第三方Jav...

匿名
2017/08/18
5.1K
6
Cocolait/tk_blog

Cocolait博客 链接 博客:http://www.mgchen.com github:https://github.com/cocolait gitee:https://gitee.com/cocolait 简介 项目完全基于Thinkphp 3.2.3框架开发 使用说明 1.配置数据库...

Cocolait
2016/11/16
0
0
Java快速开发平台,JEECG 3.7.7闪电版本发布,增加多套主流UI代码生成器模板

JEECG 3.7.7 闪电版本发布,提供5套主流UI代码生成器模板 导读 ⊙平台性能优化,速度闪电般提升 ⊙提供5套新的主流UI代码生成器模板(Bootstrap表单+BootstrapTable列表 ElementUI列表表单)...

Jeecg
2018/07/16
199
0

没有更多内容

加载失败,请刷新页面

加载更多

golang-字符串-地址分析

demo package mainimport "fmt"func main() {str := "map.baidu.com"fmt.Println(&str, str)str = str[0:5]fmt.Println(&str, str)str = "abc"fmt.Println(&s......

李琼涛
今天
4
0
Spring Boot WebFlux 增删改查完整实战 demo

03:WebFlux Web CRUD 实践 前言 上一篇基于功能性端点去创建一个简单服务,实现了 Hello 。这一篇用 Spring Boot WebFlux 的注解控制层技术创建一个 CRUD WebFlux 应用,让开发更方便。这里...

泥瓦匠BYSocket
今天
6
0
从0开始学FreeRTOS-(列表与列表项)-3

FreeRTOS列表&列表项的源码解读 第一次看列表与列表项的时候,感觉很像是链表,虽然我自己的链表也不太会,但是就是感觉很像。 在FreeRTOS中,列表与列表项使用得非常多,是FreeRTOS的一个数...

杰杰1号
今天
4
0
Java反射

Java 反射 反射是框架设计的灵魂(使用的前提条件:必须先得到代表的字节码的 Class,Class 类 用于表示.class 文件(字节码)) 一、反射的概述 定义:JAVA 反射机制是在运行状态中,对于任...

zzz1122334
今天
5
0
聊聊nacos的LocalConfigInfoProcessor

序 本文主要研究一下nacos的LocalConfigInfoProcessor LocalConfigInfoProcessor nacos-1.1.3/client/src/main/java/com/alibaba/nacos/client/config/impl/LocalConfigInfoProcessor.java p......

go4it
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部