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代码示例
Feb 15 Javascript
JavaScript DOM 学习总结(五)
Nov 24 Javascript
盘点javascript 正则表达式中 中括号的【坑】
Mar 16 Javascript
前端jquery部分很精彩
May 03 Javascript
基于javascript的Form表单验证
Dec 29 Javascript
详谈JavaScript的闭包及应用
Jan 17 Javascript
微信小程序实现移动端滑动分页效果(ajax)
Jun 13 Javascript
jQuery中extend函数简单用法示例
Oct 11 jQuery
js解决软键盘遮挡输入框的问题分享
Dec 19 Javascript
微信小程序页面生命周期详解
Jan 31 Javascript
基于Vue渲染与插件的加载顺序的问题详解
Mar 05 Javascript
详解vue-element Tree树形控件填坑路
Mar 26 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魔术方法与魔术变量、内置方法与内置变量的深入分析
2013/06/03 PHP
php使用base64加密解密图片示例分享
2014/01/20 PHP
php中stream(流)的用法
2014/03/25 PHP
php实现的CSS更新类实例
2014/09/22 PHP
PHP版QQ互联OAuth示例代码分享
2015/07/05 PHP
php表单提交实例讲解
2015/11/12 PHP
PHPStorm+XDebug进行调试图文教程
2016/06/13 PHP
Laravel中批量赋值Mass-Assignment的真正含义详解
2017/09/29 PHP
PHP简单实现解析xml为数组的方法
2018/05/02 PHP
脚本吧 - 幻宇工作室用到js,超强推荐share.js
2006/12/23 Javascript
js 纯数字不重复排列的另类方法
2010/07/17 Javascript
javascript抖动元素的小例子
2013/10/28 Javascript
JS 实现列表与多选框选择附预览动画
2014/10/29 Javascript
详解JavaScript中的表单验证
2015/06/16 Javascript
JavaScript模块规范之AMD规范和CMD规范
2015/10/27 Javascript
js命名空间写法示例
2015/12/18 Javascript
js 转义字符及URI编码详解
2017/02/28 Javascript
Vuejs 单文件组件实例详解
2018/02/09 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
2018/08/24 Javascript
vue项目中仿element-ui弹框效果的实例代码
2019/04/22 Javascript
vue-socket.io接收不到数据问题的解决方法
2020/05/13 Javascript
微信小程序用户登录和登录态维护的实现
2020/12/10 Javascript
[27:39]Ti4 循环赛第二日 LGD vs Fnatic
2014/07/11 DOTA
python中使用mysql数据库详细介绍
2015/03/27 Python
详解Python的Django框架中的模版相关知识
2015/07/15 Python
python3.6使用pickle序列化class的方法
2018/10/22 Python
在python中logger setlevel没有生效的解决
2020/02/21 Python
踩坑:pytorch中eval模式下结果远差于train模式介绍
2020/06/23 Python
Autopep8的使用(python自动编排工具)
2021/03/02 Python
Tripadvisor新西兰:阅读评论,比较价格和酒店预订
2018/02/10 全球购物
美国在线自行车商店:Jenson USA
2018/05/22 全球购物
GWT (Google Web Toolkit)有哪些主要的原件组成?
2015/06/08 面试题
企业节能减排实施方案
2014/03/19 职场文书
工程部主管岗位职责
2015/02/12 职场文书
未婚证明格式
2015/06/15 职场文书
python 如何做一个识别率百分百的OCR
2021/05/29 Python