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 相关文章推荐
为Extjs加加速(javascript加速)
Aug 19 Javascript
JQuery操作tr和td内容的方法实例
Mar 06 Javascript
火狐textarea输入法的bug的触发及解决
Jul 24 Javascript
JS操作JSON要领详细总结
Aug 25 Javascript
ExtJS4给Combobox设置列表中的默认值示例
May 02 Javascript
jQuery使用addClass()方法给元素添加多个class样式
Mar 26 Javascript
JavaScript获取表单内所有元素值的方法
Apr 02 Javascript
基于 Node.js 实现前后端分离
Apr 23 Javascript
ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
Sep 06 Javascript
js中创建对象的几种方式
Feb 05 Javascript
微信小程序自定义弹窗wcPop插件
Nov 19 Javascript
elementUI Tree 树形控件的官方使用文档
Apr 25 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
DOTA2 玩家自创拉野攻略 特色英雄快速成长篇
2020/04/20 DOTA
索尼ICF-SW100收音机评测
2021/03/02 无线电
PHP表单递交控件名称含有点号(.)会被转化为下划线(_)的处理方法
2013/01/06 PHP
Laravel 4 初级教程之视图、命名空间、路由
2014/10/30 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
Prototype Template对象 学习
2009/07/19 Javascript
JavaScript中获取未知对象属性的代码
2011/04/27 Javascript
treepanel动态加载数据实现代码
2012/12/15 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
2013/07/09 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
JavaScript生成的动态下雨背景效果实现方法
2015/02/25 Javascript
text-align:justify实现文本两端对齐 兼容IE
2015/08/19 Javascript
angular使用bootstrap方法手动启动的实例代码
2017/07/18 Javascript
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
记一次webpack3升级webpack4的踩坑经历
2018/06/12 Javascript
node.js中TCP Socket多进程间的消息推送示例详解
2018/07/10 Javascript
Python 多线程Threading初学教程
2017/08/22 Python
Python Flask基础教程示例代码
2018/02/07 Python
Python 数据处理库 pandas进阶教程
2018/04/21 Python
Flask框架学习笔记之使用Flask实现表单开发详解
2019/08/12 Python
python 绘制正态曲线的示例
2020/09/24 Python
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
SEPHORA丝芙兰德国官方购物网站:化妆品、护肤品和香水
2020/01/21 全球购物
澳大利亚在线床零售商:Bedworks
2020/09/01 全球购物
sealed修饰符是干什么的
2012/10/23 面试题
应届大专毕业生自我鉴定
2014/04/08 职场文书
小学三年级学生评语
2014/04/22 职场文书
大专生求职信
2014/06/29 职场文书
元旦标语大全
2014/10/09 职场文书
教师党员批评与自我批评
2014/10/15 职场文书
幼儿园老师新年寄语2015
2014/12/08 职场文书
介绍信样本
2015/01/31 职场文书
张丽莉事迹观后感
2015/06/16 职场文书
如何利用map实现Nginx允许多个域名跨域
2021/03/31 Servers
php微信小程序解包过程实例详解
2021/03/31 PHP