bootstrap datetimepicker日期插件使用方法


Posted in Javascript onJanuary 13, 2017

本文实例为大家分享了bootstrap datetimepicker日期插件的简单使用,供大家参考,具体内容如下

首先在文件头部引入必要的文件:

<link rel="stylesheet" href="Css/bootstrap-datetimepicker.min.css">
<script src="Js/bootstrap-datetimepicker.js"></script>

想用中文显示,加入bootstrap-datetimepicker.zh-CN.js文件

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

然后调用初始化日期插件方法:

$('.date').datetimepicker({
 language: 'zh-CN',//显示中文
 format: 'yyyy-mm-dd',//显示格式
 minView: "month",//设置只显示到月份
 initialDate: new Date(),//初始化当前日期
 autoclose: true,//选中自动关闭
 todayBtn: true//显示今日按钮
})

详细教程可点击这里:http://www.bootcss.com/p/bootstrap-datetimepicker/

截图:

bootstrap datetimepicker日期插件使用方法

bootstrap datetimepicker日期插件使用方法

点击下载插件:http://www.bootcdn.cn/bootstrap-datetimepicker/

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
ExtJS4 Grid改变单元格背景颜色及Column render学习
Feb 06 Javascript
JavaScript中圆括号()和方括号[]的特殊用法疑问解答
Aug 06 Javascript
node.js不得不说的12点内容
Jul 14 Javascript
在JavaScript中重写jQuery对象的方法实例教程
Aug 25 Javascript
jQuery复制表单元素附源码分享效果演示
Sep 30 Javascript
浅析jQuery移动开发中内联按钮和分组按钮的编写
Dec 04 Javascript
全面理解JavaScript中的闭包
May 12 Javascript
javascript中Number的方法小结
Nov 21 Javascript
概述javascript在Google IE中的调试技巧
Nov 24 Javascript
微信小程序--组件(swiper)详细介绍
Jun 13 Javascript
微信小程序提取公用函数到util.js及使用方法示例
Jan 10 Javascript
JavaScript对JSON数组简单排序操作示例
Jan 31 Javascript
详解jQuery事件
Jan 13 #Javascript
js实现固定宽高滑动轮播图效果
Jan 13 #Javascript
JavaScript利用闭包实现模块化
Jan 13 #Javascript
Vue.js基础知识小结
Jan 13 #Javascript
canvas实现流星雨的背景效果
Jan 13 #Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
Jan 13 #Javascript
原生js实现手风琴功能(支持横纵向调用)
Jan 13 #Javascript
You might like
Smarty模板快速入门
2007/01/04 PHP
php file_exists 检查文件或目录是否存在的函数
2010/05/10 PHP
php数组函数序列之array_pop() - 删除数组中的最后一个元素
2011/11/07 PHP
thinkphp路由规则使用示例详解和伪静态功能实现(apache重写)
2014/02/24 PHP
PHP+Apache+Mysql环境搭建教程
2016/08/01 PHP
Ajax+Jpgraph实现的动态折线图功能示例
2019/02/11 PHP
jQuery的链式调用浅析
2010/12/03 Javascript
Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中
2011/10/29 Javascript
javascript中注册和移除事件的4种方式
2013/03/20 Javascript
关于JavaScript中的关联数组分析
2013/04/09 Javascript
js实现瀑布流的一种简单方法实例分享
2013/11/04 Javascript
JavaScript的jQuery库中ready方法的学习教程
2015/08/14 Javascript
简述jQuery ajax的执行顺序
2016/01/05 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
在小程序中集成redux/immutable/thunk第三方库的方法
2018/08/12 Javascript
layui监听工具栏的实例(操作列表按钮)
2019/09/10 Javascript
JavaScript实现简单随机点名器
2019/11/21 Javascript
微信小程序自定义弹出层效果
2020/05/26 Javascript
vue 使用lodash实现对象数组深拷贝操作
2020/09/10 Javascript
python的re模块应用实例
2014/09/26 Python
Python 3实战爬虫之爬取京东图书的图片详解
2017/10/09 Python
Python安装模块的常见问题及解决方法
2018/02/05 Python
Django项目开发中cookies和session的常用操作分析
2018/07/03 Python
浅谈django rest jwt vue 跨域问题
2018/10/26 Python
解决Shell执行python文件,传参空格引起的问题
2018/10/30 Python
详解HTML5 LocalStorage 本地存储
2016/12/23 HTML / CSS
html5实现输入框fixed定位在屏幕最底部兼容性
2020/07/03 HTML / CSS
法国女性内衣购物网站:Glamuse
2019/05/13 全球购物
行政助理的职责
2013/11/14 职场文书
巴西世界杯32强口号
2014/06/05 职场文书
环境卫生倡议书
2014/08/29 职场文书
校园广播稿100字
2014/10/06 职场文书
2014年保险业务员工作总结
2014/12/23 职场文书
企业百日安全活动总结
2015/05/07 职场文书
SQL SERVER触发器详解
2022/02/24 SQL Server
pytorch中的torch.nn.Conv2d()函数图文详解
2022/02/28 Python