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继承机制的设计思想分享
Aug 28 Javascript
jquery ui bootstrap 实现自定义风格
Nov 14 Javascript
jquery中toggle函数交替使用问题
Jun 22 Javascript
JS 动态判断PC和手机浏览器实现代码
Sep 21 Javascript
需要牢记的JavaScript基础知识
Sep 25 Javascript
JavaScript实现图片轮播组件代码示例
Nov 22 Javascript
微信小程序 textarea 组件详解及简单实例
Jan 10 Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
Feb 27 Javascript
在vue中使用v-bind:class的选项卡方法
Sep 27 Javascript
layui 实现表单和文件上传一起传到后台的例子
Sep 16 Javascript
javascript将扁平的数据转为树形结构的高效率算法
Feb 27 Javascript
vue使用axios实现excel文件下载的功能
Jul 16 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原理之异常机制
2010/08/21 PHP
php笔记之常用文件操作
2010/10/12 PHP
php标签云的实现代码
2012/10/10 PHP
PHP中exec与system用法区别分析
2014/09/22 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
JavaScript写的一个自定义弹出式对话框代码
2010/01/17 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
2011/04/24 Javascript
jQuery动态地获取系统时间实现代码
2013/05/24 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
jquery 淡入淡出效果的简单实现
2014/02/07 Javascript
jQuery实现流动虚线框的方法
2015/01/29 Javascript
jquery判断复选框是否选中进行答题提示特效
2015/12/10 Javascript
jQuery实现页面滚动时智能浮动定位
2017/01/08 Javascript
jQuery实现简单的抽奖游戏
2017/05/05 jQuery
element-ui 限制日期选择的方法(datepicker)
2018/05/16 Javascript
微信小程序项目实践之验证码倒计时功能
2018/07/18 Javascript
关于JS解构的5种有趣用法
2019/09/05 Javascript
React中使用Vditor自定义图片详解
2020/12/25 Javascript
[02:28]DOTA2英雄基础教程 狼人
2013/12/23 DOTA
Python中实现的RC4算法
2015/02/14 Python
Python的__builtin__模块中的一些要点知识
2015/05/02 Python
pandas创建新Dataframe并添加多行的实例
2018/04/08 Python
使用CodeMirror实现Python3在线编辑器的示例代码
2019/01/14 Python
django处理select下拉表单实例(从model到前端到post到form)
2020/03/13 Python
python+django+selenium搭建简易自动化测试
2020/08/19 Python
Lampegiganten丹麦:欧洲领先的照明网上商店
2018/04/25 全球购物
日本动漫周边服饰销售网站:Atsuko
2019/12/16 全球购物
新闻专业应届生求职信
2013/10/31 职场文书
保安自我鉴定范文
2013/12/08 职场文书
技术合作协议书范本
2014/04/18 职场文书
自我介绍演讲稿范文
2014/08/21 职场文书
中学生旷课检讨书2篇
2014/10/09 职场文书
2015年纪委工作总结
2015/05/13 职场文书
大学宣传委员竞选稿
2015/11/19 职场文书
2016幼儿园中班开学寄语
2015/12/03 职场文书
Android Studio实现带三角函数对数运算功能的高级计算器
2022/05/20 Java/Android