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 相关文章推荐
jQuery技巧大放送 学习jquery的朋友可以看下
Oct 14 Javascript
jQuery .tmpl(), .template()学习资料小结
Jul 18 Javascript
jQuery学习笔记(1)--用jQuery实现异步通信(用json传值)具体思路
Apr 08 Javascript
jQuery之折叠面板的深入解析
Jun 19 Javascript
禁止选中文字兼容IE、Chrome、FF等
Sep 04 Javascript
深入理解JavaScript系列(29):设计模式之装饰者模式详解
Mar 03 Javascript
javascript bom是什么及bom和dom的区别
Nov 26 Javascript
jQuery添加删除DOM元素方法详解
Jan 18 Javascript
JavaScript原生节点操作小结
Jan 17 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
Jun 15 Javascript
基于vue1和vue2获取dom元素的方法
Mar 17 Javascript
微信小程序中使用vant框架的具体步骤
Feb 18 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
PHP实现读取文件夹及批量重命名文件操作示例
2019/04/15 PHP
javaScript 读取和设置文档元素的样式属性
2009/04/14 Javascript
jQuery Study Notes学习笔记 (二)
2010/08/04 Javascript
人人网javascript面试题 可以提前实现下
2012/01/05 Javascript
javascript删除字符串最后一个字符
2014/01/14 Javascript
jquery绑定事件不生效的解决方法
2014/02/11 Javascript
原生JavaScript编写俄罗斯方块
2015/03/30 Javascript
JS实现自动固定顶部的悬浮菜单栏效果
2015/09/16 Javascript
js仿微博实现统计字符和本地存储功能
2015/12/22 Javascript
Angularjs在初始化未完毕时出现闪烁问题的解决方法分析
2016/08/05 Javascript
微信小程序 Tab页切换更新数据
2017/01/05 Javascript
nodejs获取微信小程序带参数二维码实现代码
2017/04/12 NodeJs
angular.js4使用 RxJS 处理多个 Http 请求
2017/09/23 Javascript
聊聊Vue.js的template编译的问题
2017/10/09 Javascript
JS实现点击循环切换显示内容的方法
2017/10/19 Javascript
vue语法之拼接字符串的示例代码
2017/10/25 Javascript
解决vue2中使用axios http请求出现的问题
2018/03/05 Javascript
vue单页应用的内存泄露定位和修复问题小结
2019/08/02 Javascript
vue实现移动端H5数字键盘组件使用详解
2020/08/25 Javascript
vue中使用router全局守卫实现页面拦截的示例
2020/10/23 Javascript
python 计算两个日期相差多少个月实例代码
2017/05/24 Python
利用Python将时间或时间间隔转为ISO 8601格式方法示例
2017/09/05 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
Python读取Excel表格,并同时画折线图和柱状图的方法
2018/10/14 Python
django xadmin中form_layout添加字段显示方式
2020/03/30 Python
详解Python利用configparser对配置文件进行读写操作
2020/11/03 Python
python 删除系统中的文件(按时间,大小,扩展名)
2020/11/19 Python
对CSS3选择器的研究(详解)
2016/09/16 HTML / CSS
HTML5的结构和语义(4):语义性的内联元素
2008/10/17 HTML / CSS
kmart凯马特官网:美国最大的打折零售商和全球最大的批发商之一
2016/11/17 全球购物
数以千计的折扣工业产品:ESE Direct
2018/05/20 全球购物
MySQL面试题
2014/01/12 面试题
护士求职推荐信范文
2013/11/23 职场文书
财会自我鉴定范文
2013/12/27 职场文书
四大名著读书笔记
2015/06/25 职场文书
golang的文件创建及读写操作
2022/04/14 Golang