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 相关文章推荐
open 动态修改img的onclick事件示例代码
Nov 13 Javascript
jquery处理json对象
Nov 03 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
Nov 01 Javascript
基于Turn.js 实现翻书效果实例解析
Jun 20 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
May 26 Javascript
vue用addRoutes实现动态路由的示例
Sep 15 Javascript
VUE页面中加载外部HTML的示例代码
Sep 20 Javascript
使用nvm管理不同版本的node与npm的方法
Oct 31 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
Dec 19 Javascript
axios对请求各种异常情况处理的封装方法
Sep 25 Javascript
微信小程序与webview交互实现支付功能
Jun 07 Javascript
react实现antd线上主题动态切换功能
Aug 12 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利用COM对象访问SQLServer、Access
2006/10/09 PHP
PHP表单数据写入MySQL数据库的代码
2016/05/31 PHP
php实现批量修改文件名称的方法
2016/07/23 PHP
PHP使用星号隐藏用户名,手机和邮箱的实现方法
2016/09/22 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
让人期待的2011年度最佳 jQuery 插件分享
2012/03/16 Javascript
仿新浪微博登陆邮箱提示效果的js代码
2013/08/02 Javascript
JQ获取动态加载的图片大小的正确方法分享
2013/11/08 Javascript
在javascript中实现函数数组的方法
2013/12/25 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
2014/04/15 Javascript
AngularJS语法详解(续)
2015/01/23 Javascript
Javascript自执行匿名函数(function() { })()的原理浅析
2016/05/15 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&amp;”)
2016/12/23 Javascript
详解Vue如何支持JSX语法
2017/11/10 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
微信小程序canvas拖拽、截图组件功能
2018/09/04 Javascript
微信小程序搭建自己的Https服务器
2019/05/02 Javascript
koa2+vue实现登陆及登录状态判断
2019/08/15 Javascript
layui按条件隐藏表格列的实例
2019/09/19 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
[01:39:42]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
numpy 对矩阵中Nan的处理:采用平均值的方法
2018/10/30 Python
Python设计模式之模板方法模式实例详解
2019/01/17 Python
PyQt5基本控件使用之消息弹出、用户输入、文件对话框的使用方法
2019/08/06 Python
Pycharm导入anaconda环境的教程图解
2020/07/31 Python
Python做图像处理及视频音频文件分离和合成功能
2020/11/24 Python
python安装mysql的依赖包mysql-python操作
2021/01/01 Python
通过css3的filter滤镜改变png图片的颜色的示例代码
2020/05/06 HTML / CSS
CSS 3.0文字悬停跳动特效代码
2020/10/26 HTML / CSS
Staples英国官方网站:办公用品一站式采购
2017/10/06 全球购物
Nordgreen英国官网:斯堪的纳维亚设计师手表
2018/10/24 全球购物
2014第二批党员干部对照“四风”找差距检查材料思想汇报
2014/09/18 职场文书
2015年学习部工作总结范文
2015/03/31 职场文书
2019财务毕业实习报告
2019/06/27 职场文书
话题作文之学会尊重
2019/12/16 职场文书
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS