Bootstrap 设置datetimepicker在屏幕上面弹出设置方法


Posted in Javascript onMarch 21, 2017

datetimepicker默认是在输入框下面弹出的,但是遇到输入框在屏幕下面时,日期选择框会有一部分在屏幕下面,显示不了,因此需要能够从上面弹出。设置很简单,在初始话中:

$('.form_date').datetimepicker({
       language: 'zh-CN',
      weekStart: 1,
      todayBtn: 1,
      autoclose: 1,
      todayHighlight: 1,
      startView: 2,
      minView: 2,
      forceParse: 0,
      pickerPosition:'top-right'
    });

添加pickerPosition:'top-right'即可。

效果图:

Bootstrap 设置datetimepicker在屏幕上面弹出设置方法

以上所述是小编给大家介绍的Bootstrap 设置datetimepicker在屏幕上面弹出设置方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
Sep 14 Javascript
jQuery中校验时间格式的正则表达式小结
Sep 22 Javascript
jquery实现网页查找功能示例分享
Feb 12 Javascript
分享一个常用的javascript静态类
Dec 31 Javascript
Bootstrap Table使用方法详解
Aug 01 Javascript
微信小程序 免费SSL证书https、TLS版本问题的解决办法
Dec 14 Javascript
vue页面使用阿里oss上传功能的实例(二)
Aug 09 Javascript
什么是Vue.js框架 为什么选择它?
Oct 17 Javascript
使用js获取伪元素的content实例
Oct 24 Javascript
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
Aug 28 jQuery
JavaScript实现的鼠标跟随特效示例【2则实例】
Dec 22 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
js中编码函数:escape,encodeURI与encodeURIComponent详解
Mar 21 #Javascript
Omi v1.0.2发布正式支持传递javascript表达式
Mar 21 #Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
Mar 21 #jQuery
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 #jQuery
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 #jQuery
80%应聘者都不及格的JS面试题
Mar 21 #Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
Mar 21 #jQuery
You might like
PHP资源管理框架Assetic简介
2014/06/12 PHP
ThinkPHP5框架实现简单的批量查询功能示例
2018/06/07 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
2014/08/12 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
浅谈jQuery中setInterval()方法
2015/07/07 Javascript
JavaScript中Form表单技术汇总(推荐)
2016/06/26 Javascript
用AngularJS来实现监察表单按钮的禁用效果
2016/11/02 Javascript
jQuery网页定位导航特效实现方法
2016/12/19 Javascript
JavaScript实现简单的树形菜单效果
2017/06/23 Javascript
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
JS时间控制实现动态效果的实例讲解
2017/07/31 Javascript
vue2.0项目实现路由跳转的方法详解
2018/06/21 Javascript
vue router总结 $router和$route及router与 router与route区别
2019/07/05 Javascript
js实现可爱的气泡特效
2020/09/05 Javascript
[01:05:00]2018国际邀请赛 表演赛 Pain vs OpenAI
2018/08/24 DOTA
python实现识别相似图片小结
2016/02/22 Python
Python的Flask框架中使用Flask-SQLAlchemy管理数据库的教程
2016/06/14 Python
Python 基于Twisted框架的文件夹网络传输源码
2016/08/28 Python
Python生成器定义与简单用法实例分析
2018/04/30 Python
python list转置和前后反转的例子
2019/08/26 Python
python实现音乐播放和下载小程序功能
2020/04/26 Python
css3 给背景设置渐变色的方法
2019/09/12 HTML / CSS
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
经典c++面试题三
2015/07/08 面试题
高分子材料个人求职信范文
2013/09/25 职场文书
应届生人事助理求职信
2013/11/09 职场文书
班长岗位职责
2013/11/10 职场文书
自主招生自荐书
2013/11/29 职场文书
学期自我评价
2014/01/27 职场文书
全国道德模范事迹
2014/02/01 职场文书
自主招生推荐信范文
2014/05/10 职场文书
庆祝儿童节标语
2014/10/09 职场文书
班级班风口号大全
2015/12/25 职场文书
Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写
2021/08/02 MySQL
Python编程编写完善的命令行工具
2021/09/15 Python