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 相关文章推荐
怎么用javascript进行拖拽
Jul 20 Javascript
div模拟选择框示例代码
Nov 03 Javascript
浅析IE10兼容性问题(frameset的cols属性)
Jan 03 Javascript
基于JQuery和CSS3实现仿Apple TV海报背景视觉差特效源码分享
Sep 21 Javascript
jQuery鼠标悬浮链接弹出跟随图片实例代码
Jan 08 Javascript
深入理解jQuery之事件移除
Jun 02 Javascript
Extjs 点击复选框在表格中增加相关信息行
Jul 12 Javascript
BootStrap中的表单大全
Sep 07 Javascript
Vue render深入开发讲解
Apr 13 Javascript
js正则表达式校验指定字符串的方法
Jul 23 Javascript
ES6 Object.assign()的用法及其使用
Jan 18 Javascript
Vue+Vuex实现自动登录的知识点详解
Mar 04 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 addslashes 利用递归实现使用反斜线引用字符串
2013/08/05 PHP
ThinkPHP3.2.2的插件控制器功能简述
2014/07/09 PHP
PHP MPDF中文乱码的解决方式
2015/12/08 PHP
PHP版微信第三方实现一键登录及获取用户信息的方法
2016/10/14 PHP
Zend Framework入门教程之Zend_Session会话操作详解
2016/12/08 PHP
JavaScript的面向对象(二)
2006/11/09 Javascript
EXT中xtype的含义分析
2010/01/07 Javascript
Extjs在exlipse中设置自动提示的方法
2010/04/07 Javascript
javascript 函数使用说明
2010/04/07 Javascript
jquery操作cookie插件分享
2014/01/14 Javascript
JQuery中$.each 和$(selector).each()的区别详解
2015/03/13 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
2017/05/25 Javascript
详解Angular6.0使用路由步骤(共7步)
2018/06/29 Javascript
javascript+Canvas实现画板功能
2020/06/23 Javascript
浅谈Vuex的this.$store.commit和在Vue项目中引用公共方法
2020/07/24 Javascript
微信小程序完美解决scroll-view高度自适应问题的方法
2020/08/08 Javascript
openlayers4.6.5实现距离量测和面积量测
2020/09/25 Javascript
[10:21]2018DOTA2国际邀请赛寻真——Winstrike
2018/08/11 DOTA
python中函数默认值使用注意点详解
2016/06/01 Python
Python+matplotlib实现填充螺旋实例
2018/01/15 Python
符合语言习惯的 Python 优雅编程技巧【推荐】
2018/09/25 Python
pycham查看程序执行的时间方法
2018/11/29 Python
详解pyppeteer(python版puppeteer)基本使用
2019/06/12 Python
Python常用库大全及简要说明
2020/01/17 Python
HTML5 Canvas锯齿图代码实例
2014/04/10 HTML / CSS
Expedia法国:全球最大在线旅游公司
2018/09/30 全球购物
体育教育毕业生自荐信
2013/11/21 职场文书
公益活动策划方案
2014/01/09 职场文书
民警群众路线教育实践活动对照检查材料
2014/10/04 职场文书
员工表扬信怎么写
2015/05/05 职场文书
狂人日记读书笔记
2015/06/30 职场文书
Python中else的三种使用场景
2021/06/16 Python
面试分析分布式架构Redis热点key大Value解决方案
2022/03/13 Redis
Redis 操作多个数据库的配置的方法实现
2022/03/23 Redis
Mysql超详细讲解死锁问题的理解
2022/04/01 MySQL
常用的文件对应的MIME类型汇总
2022/04/26 HTML / CSS