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 相关文章推荐
TopList标签和JavaScript结合两例
Aug 12 Javascript
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
Sep 12 Javascript
一次失败的jQuery优化尝试小结
Feb 06 Javascript
js限制文本框只能输入数字(正则表达式)
Jul 15 Javascript
jQuery中insertBefore()方法用法实例
Jan 08 Javascript
JS实现页面超时后自动跳转到登陆页面
Jan 19 Javascript
AngularJS应用开发思维之依赖注入3
Aug 19 Javascript
Bootstrap的class样式小结
Dec 01 Javascript
微信小程序 表单Form实例详解(附源码)
Dec 22 Javascript
jQuery Layer弹出层传值到父页面的实现代码
Aug 17 jQuery
JSON 数据格式详解
Sep 13 Javascript
用React实现一个完整的TodoList的示例代码
Oct 30 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 冲泡冲煮
CI(CodeIgniter)框架配置
2014/06/10 PHP
字符串长度函数strlen和mb_strlen的区别示例介绍
2014/09/09 PHP
PHP 使用 Imagick 裁切/生成缩略图/添加水印自动检测和处理 GIF
2016/02/19 PHP
PHP的全局错误处理详解
2016/04/25 PHP
JS对URL字符串进行编码/解码分析
2008/10/25 Javascript
jQuery学习笔记之2个小技巧
2015/01/19 Javascript
原生JS实现LOADING效果
2015/03/16 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
2015/05/25 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
javascript使用Promise对象实现异步编程
2016/03/01 Javascript
js实现textarea限制输入字数
2017/02/13 Javascript
微信小程序 开发之顶部导航栏实例代码
2017/02/23 Javascript
vue.js+Echarts开发图表放大缩小功能实例
2017/06/09 Javascript
浅谈vuepress 踩坑记
2018/04/18 Javascript
解决vue中修改export default中脚本报一大堆错的问题
2018/08/27 Javascript
详解如何在vue项目中使用lodop打印插件
2018/09/27 Javascript
Vue中使用方法、计算属性或观察者的方法实例详解
2018/10/31 Javascript
jquery实现聊天机器人
2020/02/08 jQuery
浅谈使用nodejs搭建web服务器的过程
2020/07/20 NodeJs
简述Python中的面向对象编程的概念
2015/04/27 Python
python中tkinter的应用:修改字体的实例讲解
2019/07/17 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
手动安装python3.6的操作过程详解
2020/01/13 Python
tensorflow实现对张量数据的切片操作方式
2020/01/19 Python
matplotlib图例legend语法及设置的方法
2020/07/28 Python
Python中读取文件名中的数字的实例详解
2020/12/25 Python
Dogeared官网:在美国手工制作的珠宝
2019/08/24 全球购物
Cocopanda波兰:购买化妆品、护肤品、护发和香水
2020/05/25 全球购物
几个常见的消息中间件(MOM)
2014/01/08 面试题
汽车维修工岗位职责
2014/02/12 职场文书
幼儿园毕业教师感言
2014/02/21 职场文书
学生党员公开承诺书
2014/05/28 职场文书
三人合伙协议书范本
2014/10/29 职场文书
七一慰问简报
2015/07/20 职场文书
MySQL查看表和清空表的常用命令总结
2021/05/26 MySQL