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 相关文章推荐
如何在Web页面上直接打开、编辑、创建Office文档
Mar 12 Javascript
js树形控件脚本代码
Jul 24 Javascript
Javascript实现CheckBox的全选与取消全选的代码
Jul 20 Javascript
AngularJs bootstrap搭载前台框架——基础页面
Sep 01 Javascript
jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
Nov 18 Javascript
SVG动画vivus.js库使用小结(实例代码)
Sep 14 Javascript
vue.js与element-ui实现菜单树形结构的解决方法
Apr 21 Javascript
用Vue写一个分页器的示例代码
Apr 22 Javascript
Vue中插入HTML代码的方法
Sep 21 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 Javascript
layui-select动态选中值的例子
Sep 23 Javascript
基于JavaScript实现轮播图效果
Jan 02 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 冲泡冲煮
ThinkPHP实现多数据库连接的解决方法
2014/07/01 PHP
PHP基于DOM创建xml文档的方法示例
2017/02/08 PHP
php中array_fill函数的实例用法
2021/03/02 PHP
javascript与webservice的通信实现代码
2010/12/25 Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
2014/01/11 Javascript
JS中类或对象的定义说明
2014/03/10 Javascript
使用CSS3的scale实现网页整体缩放
2014/03/18 Javascript
JavaScript中document.forms[0]与getElementByName区别
2015/01/21 Javascript
jquery中ajax使用error调试错误的方法
2015/02/08 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
JS实现跟随鼠标立体翻转图片的方法
2015/05/04 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
2015/09/28 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
Vue-router结合transition实现app前进后退动画切换效果的实例
2017/10/11 Javascript
Vue表单提交点击事件只允许点击一次的实例
2020/10/23 Javascript
python中获得当前目录和上级目录的实现方法
2017/10/12 Python
[原创]Python入门教程5. 字典基本操作【定义、运算、常用函数】
2018/11/01 Python
使用OpenCV实现仿射变换—缩放功能
2019/08/29 Python
python实现堆排序的实例讲解
2020/02/21 Python
基于python requests selenium爬取excel vba过程解析
2020/08/12 Python
Python面试题:Python里面如何生成随机数
2015/03/12 面试题
面试后感谢信
2014/02/01 职场文书
三八妇女节趣味活动方案
2014/08/23 职场文书
公安民警正风肃纪剖析材料
2014/10/10 职场文书
优秀团支部申报材料
2014/12/26 职场文书
成绩单评语
2015/01/04 职场文书
网络营销计划书
2015/01/17 职场文书
通知格式
2015/04/27 职场文书
活动宣传稿范文
2015/07/23 职场文书
2016年母亲节寄语
2015/12/04 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
教你用python实现一个无界面的小型图书管理系统
2021/05/21 Python
vue-cropper组件实现图片切割上传
2021/05/27 Vue.js
Python机器学习之底层实现KNN
2021/06/20 Python
《杜鹃的婚约》OP主题曲「凸凹」无字幕影像公开
2022/04/08 日漫