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 相关文章推荐
js CSS操作方法集合
Oct 31 Javascript
JavaScript 加号(+)运算符号
Dec 06 Javascript
JQuery入门——事件切换之hover()方法应用介绍
Feb 05 Javascript
Jquery easyui 下loaing效果示例代码
Aug 12 Javascript
JS实现页面进入和返回定位到具体位置
Dec 08 Javascript
微信小程序 出现错误:{"baseresponse":{"errcode":-80002,"errmsg":""}}解决办法
Feb 23 Javascript
JavaScript实现瀑布流图片效果
Jun 30 Javascript
实例详解JSON取值(key是中文或者数字)方式
Aug 24 Javascript
Angular4.0中引入laydate.js日期插件的方法教程
Dec 25 Javascript
JavaScript设计模式之命令模式实例分析
Jan 16 Javascript
使用Jenkins部署React项目的方法步骤
Mar 11 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
Sep 27 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
php禁用cookie后session设置方法分析
2016/10/19 PHP
PHP命名空间定义与用法实例分析
2019/08/14 PHP
浅谈laravel-admin的sortable和orderby使用问题
2019/10/03 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
Js 获取当前日期时间及其它操作实现代码
2021/03/04 Javascript
jQuery对象和DOM对象使用说明
2010/06/25 Javascript
javascript获取作用在元素上面的样式属性代码
2012/09/20 Javascript
JQuery动画和停止动画实例代码
2013/03/01 Javascript
JS判断表单输入是否为空(示例代码)
2013/12/23 Javascript
jquery文档操作wrap()方法实例简述
2015/01/10 Javascript
js实现仿百度瀑布流的方法
2015/02/05 Javascript
JavaScript设计模式初探
2016/01/07 Javascript
理解js回收机制通俗易懂版
2016/02/29 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
2016/07/04 Javascript
bootstrap警告框示例代码分享
2017/05/17 Javascript
AngularJS实时获取并显示密码的方法
2018/02/06 Javascript
详解Vue Elememt-UI构建管理后台
2018/02/27 Javascript
JS获取当前时间的实例代码(昨天、今天、明天)
2018/11/13 Javascript
layui前端时间戳转化实例
2019/11/15 Javascript
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
[01:04:30]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
python实现聊天小程序
2018/03/13 Python
Python3标准库总结
2019/02/19 Python
详解Python3中的 input() 函数
2020/03/18 Python
Django中的AutoField字段使用
2020/05/18 Python
全面解析HTML5中的标准属性与自定义属性
2016/02/18 HTML / CSS
GAP阿联酋官网:GAP UAE
2017/11/30 全球购物
新学期校长寄语
2014/01/18 职场文书
给小学生的新年寄语
2014/04/04 职场文书
小学生美德少年事迹材料
2014/08/24 职场文书
高中生综合素质自我评价
2015/03/06 职场文书
自主招生自荐信怎么写
2015/03/24 职场文书
python图像处理基本操作总结(PIL库、Matplotlib及Numpy)
2021/06/08 Python
Java中CyclicBarrier和CountDownLatch的用法与区别
2021/08/23 Java/Android
Go语言安装并操作redis的go-redis库
2022/04/14 Golang
Python实现双向链表基本操作
2022/05/25 Python