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禁止页面使用右键(简单示例代码)
Nov 13 Javascript
使用jQuery的attr方法来修改onclick值
Jul 07 Javascript
jQuery性能优化技巧分析
Feb 20 Javascript
JavaScript中instanceof运算符的使用示例
Jun 08 Javascript
Node.js如何自动审核团队的代码
Jul 20 Javascript
微信小程序 WXDropDownMenu组件详解及实例代码
Oct 24 Javascript
js实现HashTable(哈希表)的实例分析
Nov 21 Javascript
ES6新特性之字符串的扩展实例分析
Apr 01 Javascript
JS实现颜色的10进制转化成rgba格式的方法
Sep 04 Javascript
微信小程序实现action-sheet弹出底部菜单功能【附源码下载】
Dec 09 Javascript
基于javascript的拖拽类封装详解
Apr 19 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
May 10 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
层叠菜单的动态生成
2006/10/09 PHP
用PHP读取flv文件的播放时间长度
2009/09/03 PHP
PHP实现十进制、二进制、八进制和十六进制转换相关函数用法分析
2017/04/25 PHP
PHP 断点续传实例详解
2017/11/11 PHP
firefox事件处理之自动查找event的函数(用于onclick=foo())
2010/08/05 Javascript
event.currentTarget与event.target的区别介绍
2012/12/31 Javascript
flash遮住div问题的正确解决方法
2014/02/27 Javascript
node+express+ejs制作简单页面上手指南
2014/11/26 Javascript
JavaScript获取Url里的参数
2014/12/18 Javascript
jQuery实现对象转为url参数的方法
2017/01/11 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
2017/09/25 Javascript
JS实现图片放大镜插件详解
2017/11/06 Javascript
浅谈vuex 闲置状态重置方案
2018/01/04 Javascript
在Vue中使用echarts的方法
2018/02/05 Javascript
vue二级路由设置方法
2018/02/09 Javascript
Vue.js 踩坑记之双向绑定
2018/05/03 Javascript
React.js绑定this的5种方法(小结)
2018/06/05 Javascript
浅谈JS对象添加getter与setter的5种方法
2018/06/09 Javascript
JS添加或删除HTML dom元素的方法实例分析
2019/03/05 Javascript
JS使用iView的Dropdown实现一个右键菜单
2019/05/06 Javascript
微信小程序实现下拉框功能
2019/07/16 Javascript
Angular 多模块项目构建过程
2020/02/13 Javascript
使用django-suit为django 1.7 admin后台添加模板
2014/11/18 Python
python中的计时器timeit的使用方法
2017/10/20 Python
哪些是python中web开发框架
2020/06/17 Python
英国山地公路自行车商店:Tweeks Cycles
2018/03/16 全球购物
优秀的教师个人的中文求职信
2013/09/21 职场文书
人事部岗位职责范本
2014/03/05 职场文书
职业生涯规划书前言
2014/04/15 职场文书
舞蹈兴趣小组活动总结
2014/07/07 职场文书
教师党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2014年法制宣传日活动方案
2014/11/02 职场文书
2014年党建工作总结
2014/11/11 职场文书
2015年小学英语教师工作总结
2015/05/12 职场文书
送给自己的励志语句:要安静的优秀,悄无声息的坚强
2019/11/26 职场文书
vue项目支付功能代码详解
2022/02/18 Vue.js