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 相关文章推荐
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
Oct 12 Javascript
自己使用js/jquery写的一个定制对话框控件
May 02 Javascript
jquery实现一个简单好用的弹出框
Sep 26 Javascript
js获取字符串字节数方法小结
Jun 09 Javascript
ExtJs动态生成treepanel的Json格式
Jul 19 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
Oct 25 Javascript
node.js学习之交互式解释器REPL详解
Dec 08 Javascript
BootStrap Fileinput初始化时的一些参数
Dec 30 Javascript
Angular2生命周期钩子函数的详细介绍
Jul 10 Javascript
详解auto-vue-file:一个自动创建vue组件的包
Apr 26 Javascript
vue实现分页的三种效果
Jun 23 Javascript
Nest.js参数校验和自定义返回数据格式详解
Mar 29 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
我的群发邮件程序
2006/10/09 PHP
深入php处理整数函数的详解
2013/06/09 PHP
Symfony2学习笔记之控制器用法详解
2016/03/17 PHP
一些常用且实用的原生JavaScript函数
2010/09/08 Javascript
js判断选择时间不能小于当前时间的示例代码
2013/09/24 Javascript
JavaScript中的公有、私有、特权和静态成员用法分析
2014/11/20 Javascript
node.js抓取并分析网页内容有无特殊内容的js文件
2015/11/17 Javascript
JS图片等比例缩放方法完整示例
2016/08/03 Javascript
jQuery操作json常用方法示例
2017/01/04 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
2017/08/24 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
微信小程序实现列表页的点赞和取消点赞功能
2018/11/02 Javascript
Javascript读写cookie的实例源码
2019/03/16 Javascript
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
2019/04/02 Javascript
使用Node.js写一个代码生成器的方法步骤
2019/05/10 Javascript
微信小程序 确认框的实现(附代码)
2019/07/23 Javascript
JavaScript判断数组类型的方法
2019/10/23 Javascript
[54:57]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第二场 1月8日
2021/03/11 DOTA
Django基础之Model操作步骤(介绍)
2017/05/27 Python
分享6个隐藏的python功能
2017/12/07 Python
django如何连接已存在数据的数据库
2018/08/14 Python
Python有参函数使用代码实例
2020/01/06 Python
解决pip安装的第三方包在PyCharm无法导入的问题
2020/10/15 Python
html5 canvas的绘制文本自动换行的示例代码
2018/09/17 HTML / CSS
巴西宠物商店:Cobasi
2019/04/19 全球购物
大学在校生求职信范文
2013/11/21 职场文书
舞蹈教育学专业推荐信
2013/11/27 职场文书
财务会计专业推荐信
2013/11/30 职场文书
初中女生自我鉴定
2013/12/19 职场文书
幼儿园托班开学寄语
2014/01/18 职场文书
导游实习生自荐书
2014/01/28 职场文书
伦敦奥运会的口号
2014/06/21 职场文书
人口与计划生育目标管理责任书
2014/07/29 职场文书
弘扬焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
党员评议表自我评价范文
2014/10/20 职场文书
MySQL触发器的使用
2021/05/24 MySQL