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 自定义函数缺省值的设置方法
May 05 Javascript
ext combobox动态加载数据库数据(附前后台)
Jun 17 Javascript
JavaScript中获取样式的原生方法小结
Oct 08 Javascript
jquery 根据name名获取元素的value值
Feb 27 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
Aug 31 Javascript
javascript移动开发中touch触摸事件详解
Mar 18 Javascript
Javascript设计模式之观察者模式(推荐)
Mar 29 Javascript
jQuery的extend方法【三种】
Dec 14 Javascript
layui中table表头样式修改方法
Aug 15 Javascript
jQuery判断自定义属性data-val用法示例
Jan 07 jQuery
微信小程序上线发布流程图文详解
May 06 Javascript
vue element upload实现图片本地预览
Aug 20 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
造势之举?韩国总统候选人发布《星际争霸》地图
2017/04/22 星际争霸
用PHP程序实现支持页面后退的两种方法
2008/06/30 PHP
php下安装配置fckeditor编辑器的方法
2011/03/02 PHP
PHP使用PDO 连接与连接管理操作实例分析
2020/04/21 PHP
JavaScript 字符串乘法
2009/08/20 Javascript
jqPlot 基于jquery的画图插件
2011/04/26 Javascript
jQuery基本选择器选择元素使用介绍
2013/04/18 Javascript
javascript函数重载解决方案分享
2014/02/19 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
2015/03/04 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
2015/06/05 Javascript
jQuery对checkbox 复选框的全选全不选反选的操作
2016/08/09 Javascript
让编辑器支持word复制黏贴、截屏的js代码
2016/10/17 Javascript
浅析script标签中的defer与async属性
2016/11/30 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
2017/03/09 Javascript
Vuejs 单文件组件实例详解
2018/02/09 Javascript
浅析vue 函数配置项watch及函数 $watch 源码分享
2018/11/22 Javascript
Vue多组件仓库开发与发布详解
2019/02/28 Javascript
微信小程序全局变量改变监听的实现方法
2019/07/15 Javascript
vue学习笔记之过滤器的基本使用方法实例分析
2020/02/01 Javascript
javascript中可能用得到的全部的排序算法
2020/03/05 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
2020/05/01 Javascript
教你用 Python 实现微信跳一跳(Mac+iOS版)
2018/01/04 Python
css3中的calc函数浅析
2018/07/10 HTML / CSS
AmazeUI在模态框中嵌入表单形成模态输入框
2020/08/20 HTML / CSS
中软国际Java程序员机试题
2012/08/19 面试题
护理专业学生的求职信范文
2013/12/11 职场文书
经典团队口号
2014/06/06 职场文书
乡镇党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
企业廉洁教育心得体会
2016/01/20 职场文书
优秀家长事迹材料(2016推荐版)
2016/02/29 职场文书
2019 入党申请书范文
2019/07/10 职场文书
web前端之css水平居中代码解析
2021/05/20 HTML / CSS
Redis RDB技术底层原理详解
2021/09/04 Redis
全面盘点MySQL中的那些重要日志文件
2021/11/27 MySQL
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python