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 相关文章推荐
js实现页面转发功能示例代码
Aug 05 Javascript
js控制input框只读实现示例
Jan 20 Javascript
原生javascript实现DIV拖拽并计算重复面积
Jan 02 Javascript
基于jQuery实现点击列表加载更多效果
May 31 Javascript
使用Script元素发送JSONP请求的方法
Jun 12 Javascript
Vue.JS入门教程之处理表单
Dec 01 Javascript
jQuery+ajax的资源回收处理机制分析
Jan 07 Javascript
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
Mar 22 Javascript
vue拖拽排序插件vuedraggable使用方法详解
Aug 21 Javascript
详解Vue依赖收集引发的问题
Apr 22 Javascript
JavaScript实现抖音罗盘时钟
Oct 11 Javascript
浅析VUE防抖与节流
Nov 24 Vue.js
详解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循环结构实例讲解
2014/02/10 PHP
跟我学Laravel之安装Laravel
2014/10/15 PHP
php实时倒计时功能实现方法详解
2017/02/27 PHP
Laravel实现短信注册的示例代码
2018/05/29 PHP
Laravel学习笔记之Artisan命令生成自定义模板的方法
2018/11/22 PHP
Js实现当前点击a标签变色突出显示其他a标签回复原色
2013/11/27 Javascript
JavaScript程序设计之JS调试
2015/12/09 Javascript
适用于javascript开发者的Processing.js入门教程
2016/02/24 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
2016/03/10 Javascript
jquery操作checkbox火狐下第二次无法勾选的解决方法
2016/10/10 Javascript
Vue.js一个文件对应一个组件实践
2016/10/27 Javascript
如何选择适合你的JavaScript框架
2017/11/20 Javascript
Nuxt升级2.0.0时出现的问题(小结)
2018/10/08 Javascript
微信小程序实现留言板(Storage)
2018/11/02 Javascript
jQuery点击页面其他部分隐藏下拉菜单功能
2018/11/27 jQuery
解决微信小程序调用moveToLocation失效问题【超简单】
2019/04/12 Javascript
Python的Django中django-userena组件的简单使用教程
2015/05/30 Python
Python基于checksum计算文件是否相同的方法
2015/07/09 Python
pycharm中连接mysql数据库的步骤详解
2017/05/02 Python
python高阶爬虫实战分析
2018/07/29 Python
Python获取网段内ping通IP的方法
2019/01/31 Python
Python 获取 datax 执行结果保存到数据库的方法
2019/07/11 Python
python Matplotlib数据可视化(2):详解三大容器对象与常用设置
2020/09/30 Python
维也纳通行证:Vienna PASS
2019/07/18 全球购物
石油工程专业毕业生求职信
2014/04/13 职场文书
高一学生期末评语
2014/04/25 职场文书
二年级语文下册复习计划
2015/01/19 职场文书
个人专业技术总结
2015/03/05 职场文书
世界名著读书笔记
2015/06/25 职场文书
2015年初中教务处工作总结
2015/07/21 职场文书
25句企业管理语录:助你迅速打开思路,句句经典!
2020/01/14 职场文书
Python Socket编程详解
2021/04/25 Python
SQL Server代理:理解SQL代理错误日志处理方法
2021/06/30 SQL Server
mybatis中注解与xml配置的对应关系和对比分析
2021/08/04 Java/Android
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL
如何利用React实现图片识别App
2022/02/18 Javascript