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 相关文章推荐
javascript获取web应用根目录的方法
Feb 12 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
Aug 24 Javascript
angularjs学习笔记之双向数据绑定
Sep 26 Javascript
AngularJS入门教程之迭代器过滤详解
Aug 18 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
Aug 23 Javascript
JavaScript for循环 if判断语句(学习笔记)
Oct 11 Javascript
vue router动态路由下让每个子路由都是独立组件的解决方案
Apr 24 Javascript
微信小程序实现折叠展开效果
Jul 19 Javascript
解决layui中的form表单与button的点击事件冲突问题
Aug 15 Javascript
微信小程序使用二次贝塞尔曲线画波浪
Dec 25 Javascript
JS+CSS3实现的简易钟表效果示例
Apr 13 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
星际原理概述
2020/03/04 星际争霸
有道搜索和IP138的IP的API接口(PHP应用)
2012/11/29 PHP
ThinkPHP验证码使用简明教程
2014/03/05 PHP
php从memcache读取数据再批量写入mysql的方法
2014/12/29 PHP
PHP使用flock实现文件加锁的方法
2015/07/01 PHP
PHP中常用的数组操作方法笔记整理
2016/05/16 PHP
Yii2单元测试用法示例
2016/11/12 PHP
PHP 网站修改默认访问文件的nginx配置
2017/05/27 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
2017/09/22 PHP
thinkPHP5.0框架验证码调用及点击图片刷新简单实现方法
2018/09/07 PHP
Dojo 学习要点
2010/09/03 Javascript
浏览器页面区域大小的js获取方法
2013/09/21 Javascript
js图片向右一张张滚动效果实例代码
2013/11/23 Javascript
jQuery学习笔记之toArray()
2014/06/09 Javascript
jQuery中:disabled选择器用法实例
2015/01/04 Javascript
使用AngularJS创建单页应用的编程指引
2015/06/19 Javascript
通过构造函数实例化对象的方法
2017/06/28 Javascript
jQuery中将json数据显示到页面表格的方法
2018/05/27 jQuery
React-router4路由监听的实现
2018/08/07 Javascript
详解vue-router的导航钩子(导航守卫)
2020/11/02 Javascript
python处理圆角图片、圆形图片的例子
2014/04/25 Python
Python中if __name__ == &quot;__main__&quot;详细解释
2014/10/21 Python
详解Python中的__new__()方法的使用
2015/04/09 Python
开源软件包和环境管理系统Anaconda的安装使用
2017/09/04 Python
Python实现读取Properties配置文件的方法
2018/03/29 Python
spark: RDD与DataFrame之间的相互转换方法
2018/06/07 Python
python利用openpyxl拆分多个工作表的工作簿的方法
2019/09/27 Python
美国汽车性能部件和赛车零件网站:Vivid Racing
2018/03/27 全球购物
美国马匹用品和马钉购物网站:State Line Tack
2018/08/05 全球购物
Kathmandu新西兰官网:新西兰户外运动品牌
2019/07/27 全球购物
印度第一网上礼品店:IGP.com
2020/02/06 全球购物
摩飞电器俄罗斯官方网站:Morphy Richards俄罗斯
2020/07/30 全球购物
应届大学生简历中的自我评价
2014/01/15 职场文书
小学生植树节活动总结
2014/07/04 职场文书
悬空寺导游词
2015/02/05 职场文书
会计手工模拟做账心得体会
2016/01/22 职场文书