Bootstrap中datetimepicker使用小结


Posted in Javascript onDecember 28, 2016

一款简洁美观、功能强大的日期选择控件。

示例源码:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title></title>
 <link rel="stylesheet" type="text/css" href="bootstrap.css">
 <link rel="stylesheet" type="text/css" href="bootstrap-datetimepicker.css">
 <script src="jquery-2.1.4.min.js"></script>
 <script src="bootstrap.js"></script>
 <script src="bootstrap-datetimepicker.js"></script>
 <script src="bootstrap-datetimepicker.zh-CN.js"></script>
</head>
<body>
 <input type="text">
 <script type="text/javascript">
  $("input").datetimepicker({
   language:"zh-CN",
   format:"yyyy-mm-dd",
   minView:"2"
  });
 </script>
</body>
</html>

演示地址:http://www.justforuse.cn/datetimepicker/

效果图:

Bootstrap中datetimepicker使用小结

如果大家还想深入学习,可以点击这里进行学习,再为大家附3个精彩的专题:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使用JS操作页面表格,元素的一些技巧
Feb 02 Javascript
ext combox 下拉框不出现自动提示,自动选中的解决方法
Feb 24 Javascript
js写一个字符串转成驼峰的实例
Jun 21 Javascript
table行随鼠标移动变色示例
May 07 Javascript
AngularJS中的过滤器使用详解
Jun 16 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
May 10 Javascript
jQuery图片左右滚动代码 有左右按钮实例
Jun 20 Javascript
JavaScript 中的 this 工作原理
Jun 20 Javascript
Vue绑定内联样式问题
Oct 17 Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
Apr 24 Javascript
JS数组方法push()、pop()用法实例分析
Jan 18 Javascript
在vscode 中设置 vue模板内容的方法
Sep 02 Javascript
html5+CSS 实现禁止IOS长按复制粘贴功能
Dec 28 #Javascript
angular-ui-sortable实现可拖拽排序列表
Dec 28 #Javascript
JS正则表达式之非捕获分组用法实例分析
Dec 28 #Javascript
JavaScript实现经典排序算法之插入排序
Dec 28 #Javascript
JavaScript实现经典排序算法之选择排序
Dec 28 #Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
Dec 28 #Javascript
JavaScript实现经典排序算法之冒泡排序
Dec 28 #Javascript
You might like
自定义PHP分页函数
2006/10/09 PHP
ThinkPHP水印功能实现修复PNG透明水印并增加JPEG图片质量可调整
2014/11/05 PHP
PHP模板引擎Smarty中变量的使用方法示例
2016/04/11 PHP
PHP实现加密文本文件并限制特定页面的存取的效果
2016/10/21 PHP
PHP正则匹配日期和时间(时间戳转换)的实例代码
2016/12/14 PHP
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
你的 mixin 真的兼容 ECMAScript 5 吗?
2013/04/11 Javascript
推荐10 款 SVG 动画的 JavaScript 库
2015/03/24 Javascript
教你5分钟学会用requirejs(必看篇)
2017/07/25 Javascript
js实现音乐播放控制条
2017/09/09 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
2017/09/11 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
ReactNative实现Toast的示例
2017/12/31 Javascript
JS使用setInterval实现的简单计时器功能示例
2018/04/19 Javascript
微信小程序带动画弹窗组件使用方法详解
2018/11/27 Javascript
vue.js实现图书管理功能
2019/09/24 Javascript
Node如何后台数据库使用增删改查功能
2019/11/21 Javascript
9个JavaScript日常开发小技巧
2020/10/06 Javascript
[03:56]还原FTP电影首映式 DOTA2群星拼出遗迹世界
2014/03/26 DOTA
[46:04]Liquid vs VP Supermajor决赛 BO 第四场 6.10
2018/07/05 DOTA
深入理解python try异常处理机制
2016/06/01 Python
Python实现的多线程http压力测试代码
2017/02/08 Python
Python2.7 实现引入自己写的类方法
2018/04/29 Python
pyinstaller打包opencv和numpy程序运行错误解决
2019/08/16 Python
记一次pyinstaller打包pygame项目为exe的过程(带图片)
2020/03/02 Python
python plt可视化——打印特殊符号和制作图例代码
2020/04/17 Python
英国度假别墅预订:Sykes Cottages
2017/06/12 全球购物
UGG美国官网:购买UGG雪地靴、拖鞋和鞋子
2017/12/31 全球购物
最畅销的视频游戏享受高达90%的折扣:CDKeys
2020/02/10 全球购物
毕业生求职简历的自我评价
2013/10/07 职场文书
数学系毕业生的自我评价
2014/01/10 职场文书
烹饪自我鉴定
2014/03/01 职场文书
银行竞聘报告范文
2014/11/06 职场文书
2014年个人工作总结范文
2014/11/07 职场文书
让人感觉高大上的讲话稿怎么写?
2019/07/08 职场文书