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 相关文章推荐
Extjs NumberField后面加单位实现思路
Jul 30 Javascript
JS的数组迭代方法
Feb 05 Javascript
Bootstrap组件(一)之菜单
May 11 Javascript
从零开始学习Node.js系列教程四:多页面实现的数学运算示例
Apr 13 Javascript
微信小程序实战之上拉(分页加载)效果(2)
Apr 17 Javascript
微信小程序实现瀑布流布局与无限加载的方法详解
May 12 Javascript
Vue中div contenteditable 的光标定位方法
Aug 25 Javascript
编写更好的JavaScript条件式和匹配条件的技巧(小结)
Jun 27 Javascript
使用Karma做vue组件单元测试的实现
Jan 16 Javascript
vue和小程序项目中使用iconfont的方法
May 19 Javascript
详解Vue中的自定义指令
Dec 07 Vue.js
QT与javascript交互数据的实现
May 26 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
一拳超人中怪人协会钦定! S级别最强四人!
2020/03/02 日漫
PHP使用两个栈实现队列功能的方法
2018/01/15 PHP
Javascript 兼容firefox的一些问题
2009/05/21 Javascript
使用 Node.js 做 Function Test实现方法
2013/10/25 Javascript
浅谈JSON.parse()和JSON.stringify()
2015/07/14 Javascript
Bootstrap的modal拖动效果
2016/12/25 Javascript
React Native中的RefreshContorl下拉刷新使用
2017/10/09 Javascript
node作为中间服务层如何发送请求(发送请求的实现方法详解)
2018/01/02 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
详解微信小程序-获取用户session_key,openid,unionid - 后端为nodejs
2019/04/29 NodeJs
详解vue 自定义组件使用v-model 及探究其中原理
2019/10/11 Javascript
Vue如何将页面导出成PDF文件
2020/08/17 Javascript
[03:36]2015国际邀请赛第二日现场精彩集锦
2015/08/06 DOTA
Python中urllib2模块的8个使用细节分享
2015/01/01 Python
python 基础教程之Map使用方法
2017/01/17 Python
Python用threading实现多线程详解
2017/02/03 Python
通过python实现弹窗广告拦截过程详解
2019/07/10 Python
python 实现将Numpy数组保存为图像
2020/01/09 Python
Django之form组件自动校验数据实现
2020/01/14 Python
matplotlib基础绘图命令之errorbar的使用
2020/08/13 Python
CSS3 2D模拟实现摩天轮旋转效果
2016/11/16 HTML / CSS
详解如何使用rem或viewport进行移动端适配
2020/08/14 HTML / CSS
台湾旅游网站:雄狮旅游网
2017/08/16 全球购物
加拿大领先的牛仔零售商:Bluenotes
2018/01/22 全球购物
UGG澳洲官网:UGG Australia
2018/04/26 全球购物
Reformation官网:美国女装品牌
2018/09/14 全球购物
美国儿童珠宝在线零售商:Loveivy
2019/05/22 全球购物
Lookfantastic俄罗斯:欧洲在线化妆品零售商
2019/08/06 全球购物
关于Java String的一道面试题
2013/09/29 面试题
营销与策划个人求职信
2013/09/22 职场文书
班长岗位职责
2013/11/10 职场文书
自主招生自荐信范文
2013/12/04 职场文书
国际贸易专业自荐信
2014/06/10 职场文书
早读课迟到检讨书
2014/09/25 职场文书
预备党员转正意见
2015/06/01 职场文书
Python matplotlib可视化之绘制韦恩图
2022/02/24 Python