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 相关文章推荐
Javascript模块模式分析
May 16 Javascript
jquery.validate使用攻略 第二部
Jul 01 Javascript
JavaScript中清空数组的三种方法分享
Apr 07 Javascript
css如何让浮动元素水平居中
Aug 07 Javascript
轻松搞定js表单验证
Oct 13 Javascript
AngularJS自定义指令之复制指令实现方法
May 18 Javascript
解析Angular 2+ 样式绑定方式
Jan 15 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
Aug 20 Javascript
angular4自定义表单控件[(ngModel)]的实现
Nov 23 Javascript
koa2使用ejs和nunjucks作为模板引擎的使用
Nov 27 Javascript
vue router 用户登陆功能的实例代码
Apr 24 Javascript
JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】
Feb 24 Javascript
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
法兰绒滤网冲泡
2021/03/03 冲泡冲煮
一个php Mysql类 可以参考学习熟悉下
2009/06/21 PHP
推荐几个开源的微信开发项目
2014/12/28 PHP
PHP实现的网站目录扫描索引工具
2016/09/08 PHP
PHP基于curl post实现发送url及相关中文乱码问题解决方法
2017/11/25 PHP
奉献给JavaScript初学者的编写开发的七个细节
2011/01/11 Javascript
JS OffsetParent属性深入解析
2014/01/13 Javascript
jquery分页插件jpaginate在IE中不兼容问题
2014/04/22 Javascript
jquery实现的用户注册表单提示操作效果代码分享
2015/08/28 Javascript
有关Promises异步问题详解
2015/11/13 Javascript
javascript的理解及经典案例分析
2016/05/20 Javascript
JavaScript中校验银行卡号的实现代码
2016/12/19 Javascript
bootstrap datetimepicker日期插件使用方法
2017/01/13 Javascript
简单实现bootstrap选项卡效果
2017/02/08 Javascript
jQuery快速高效制作网页交互特效
2017/02/24 Javascript
Vue2 Vue-cli中使用Typescript的配置详解
2017/07/24 Javascript
ReactNative踩坑之配置调试端口的解决方法
2017/07/28 Javascript
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
jquery实现搜索框功能实例详解
2018/07/23 jQuery
JavaScript常见鼠标事件与用法分析
2019/01/03 Javascript
vue-cli 目录结构详细讲解总结
2019/01/15 Javascript
mpvue开发音频类小程序踩坑和建议详解
2019/03/12 Javascript
Ajax请求时无法重定向的问题解决代码详解
2019/06/21 Javascript
vue项目中锚点定位替代方式
2019/11/13 Javascript
js实现碰撞检测
2021/01/29 Javascript
Python实现端口检测的方法
2018/07/24 Python
python fuzzywuzzy模块模糊字符串匹配详细用法
2019/08/29 Python
Python字符串hashlib加密模块使用案例
2020/03/10 Python
python多线程semaphore实现线程数控制的示例
2020/08/10 Python
介绍一下except的用法和作用
2015/01/22 面试题
四年大学生活的自我评价范文
2014/02/07 职场文书
销售员试用期自我评价
2014/09/15 职场文书
企业领导班子四风对照检查材料
2014/09/27 职场文书
烟台的海导游词
2015/02/02 职场文书
现役军人家属慰问信
2015/03/24 职场文书
Redis可视化客户端小结
2021/06/10 Redis