文档章节

bootstrap之datetimepicker的使用

克虏伯
 克虏伯
发布于 12/07 23:51
字数 211
阅读 7
收藏 0

1、引入文件

        除了引入基本的jquery和bootstrap的js、bootstrap的css外,还需要引入bootstrap-datetimepicker.min.js,还有就是bootstrap-datetimepicker.zh-CN.js,因为要中文化。

2、使用的例子

        List-1 html

<input type="text" class="form-control datetimepicker" id="startDate" style="display: inline;">

    对应的js如下List-2所示

        List-2

$("#startDate").datetimepicker({
    format: 'yyyy-mm-dd',//显示格式
    todayHighlight: 1,//今天高亮
    minView: "month",//设置只显示到月份
    startView: 2,
    forceParse: 0,
    language: 'zh-CN',
    showMeridian: 1,
    autoclose: 1//选择后自动关闭
}).on('changeDate', function (e) {
    console.log(e.target.value);//得到的就是选择了的日期
});

    List-2中可以设置参数,来控制datetimepicker的显示,具体看官网: http://www.bootcss.com/p/bootstrap-datetimepicker/

3、效果

                                                        

                                                                                  图3.1

 

© 著作权归作者所有

共有 人打赏支持
下一篇: textarea
克虏伯

克虏伯

粉丝 14
博文 326
码字总数 109196
作品 0
渝北
程序员
私信 提问
bootstrap 的日期控件问题

http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm $('#'+id).datetimepicker({ format: 'yyyy-mm-dd', language: 'zh-CN', endDate:tmpToday, weekStart: 1, todayBtn: 1, auto......

xuxiangpan
2015/10/15
3.7K
6
KoalaUI的DateTimePicker的若干问题解答

DateTimePicker控件怎样才能只精确到分,而不显示秒? 答:在初始化参数时,修改pickSeconds为false即可,例如$("#picker").datetimepicker({pickSeconds: false}) DateTimePicker如何只显示日...

黑人牙膏
2014/05/07
0
0
bootstrapdatetimepicker插件汉化、日期初始化等使用记录

两个表单元素:开始日期和结束日期,先汉化。然后把开始日期的初始化时间设置为当月第一天,结束日期的初始化时间为当月最后一天。 $.fn.datetimepicker.dates['zh-CN'] = { days: ["星期日"...

Ethel_oo
04/21
0
0
YII2 少用的一些扩展 插件等功能 自定义操作按钮 时间插件_会点击不生效---原因可能是有的公司会对框架进行修改,影响到了, 自己下载的项目中可以正常使用 --网上很少有遇到这个问题的.

[ 'attribute' => 'status', 'label' => '状态', 'value' => function ($model) { return $model->status == 1 ? '开启' : '关闭'; }, ], [ 'class' => 'yiigridActionColumn', 'template' =......

兔子想飞
05/23
0
0
Struts2 日期控件 sx::datetimepicker

我的Struts2日期控件 sx::datetimepicker不能显示,,在网上找了好多方法都不行、包是2.18的struts2-dojo-plugin-2.1.8.jar。 <%@ taglib prefix="s" uri="/struts-tags"%> <%@ taglib pref......

hnaxing
2012/08/15
1K
3

没有更多内容

加载失败,请刷新页面

加载更多

Docker的架构与自制镜像的发布

一. docker 是什么 大家都知道虚拟机吧,windows 上装个 linux 虚拟机是大部分程序员的常用方案。公司生产环境大多也是虚拟机,虚拟机将物理硬件资源虚拟化,按需分配和使用,虚拟机使用起来...

程序猿拿Q
11分钟前
0
0
ubuntu下pycharm调用Hanlp实践分享

前几天看了大快的举办的大数据论坛峰会的现场直播,惊喜的是hanlp2.0版本发布。Hanlp2.0版本将会支持任意多的语种,感觉还是挺好的!不过更多关于hanlp2.0的信息,可能还需要过一段时间才能看...

左手的倒影
20分钟前
1
0
Python监控服务器实现邮件微信报警[未测试]

本文中笔者暂时实现的只有cpu和内存的监控,python可以监控许多的主机信息,网络,硬盘,机器状态等,以下是代码的实现,代码可以实现windows和linux的监控。 实验环境:Ubuntu16.04和windo...

dragon_tech
24分钟前
1
0
Spring Boot 返回 JSON 数据,一分钟搞定!

在 WEB 项目中返回 JSON 数据是常见的交互形式,在 Spring Boot 中这一切都变得十分简单。So easy!!! 你所需具备的基础 什么是 Spring Boot? Spring Boot 核心配置文件详解 Spring Boot 开启...

Java技术栈
30分钟前
2
0
保护Hadoop集群三大方法

大约在两年前,开源数据库解决方案MongoDB以及Hadoop曾遭受过大量恶意攻击,这些攻击后被统称为“勒索软件”,因为其攻击者会擦除或加密数据,然后向被攻击者索要资金以恢复数据。自今年以来...

linuxCool
37分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部