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 相关文章推荐
爱恋千雪-US-AscII加密解密工具(网页加密)下载
Jun 06 Javascript
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
Apr 06 Javascript
js constructor的实际作用分析
Nov 15 Javascript
javascript加号"+"的二义性说明
Mar 04 Javascript
多种方法实现JS动态添加事件
Nov 01 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
Apr 04 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
Apr 29 Javascript
Bootstrap富文本组件wysiwyg数据保存到mysql的方法
May 09 Javascript
JavaScript进阶(一)变量声明提升实例分析
May 09 Javascript
vue实现给div绑定keyup的enter事件
Jul 31 Javascript
vue使用Sass时报错问题的解决方法
Oct 14 Javascript
vue项目proxyTable配置和部署服务器
Apr 14 Vue.js
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
PHP中去除换行解决办法小结(PHP_EOL)
2011/11/27 PHP
php删除文件夹及其文件夹下所有文件的函数代码
2013/01/23 PHP
ThinkPHP分组下自定义标签库实例
2014/11/01 PHP
php 截取utf-8格式的字符串实例代码
2016/10/30 PHP
Laravel 添加多语言提示信息的方法
2019/09/29 PHP
jquery异步请求实例代码
2011/06/21 Javascript
读jQuery之十 事件模块概述
2011/06/27 Javascript
jquery教程ajax请求json数据示例
2014/01/13 Javascript
javascript避免数字计算精度误差的方法详解
2014/03/05 Javascript
JQuery菜单效果的两个实例讲解(3)
2015/09/17 Javascript
js实现页面跳转的几种方法小结
2016/05/16 Javascript
深入理解js generator数据类型
2016/08/16 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
2016/08/24 Javascript
微信小程序 本地存储及登录页面处理实例详解
2017/01/11 Javascript
JS HTML图片显示Canvas 压缩功能
2017/07/21 Javascript
ui-router中使用ocLazyLoad和resolve的具体方法
2017/10/18 Javascript
微信小程序checkbox组件使用详解
2018/01/31 Javascript
使用Nuxt.js改造已有项目的方法
2018/08/07 Javascript
获取layer.open弹出层的返回值方法
2018/08/20 Javascript
mpvue性能优化实战技巧(小结)
2019/04/17 Javascript
Node.js操作MongoDB数据库实例分析
2020/01/19 Javascript
[02:56]DOTA2上海特锦赛小组赛解说FreeAgain采访花絮
2016/02/27 DOTA
Python实现的十进制小数与二进制小数相互转换功能
2017/10/12 Python
python实现百度语音识别api
2018/04/10 Python
pandas 透视表中文字段排序方法
2018/11/16 Python
PyQt5基本控件使用之消息弹出、用户输入、文件对话框的使用方法
2019/08/06 Python
小学生获奖感言范文
2014/02/02 职场文书
培训楼经理岗位责任制
2014/02/10 职场文书
红旗方阵解说词
2014/02/12 职场文书
战略合作意向书范本
2014/04/01 职场文书
特教教师先进事迹
2014/05/21 职场文书
暑期培训班策划方案
2014/08/26 职场文书
2014年销售工作总结与计划
2014/12/01 职场文书
小学老师对学生的评语
2014/12/29 职场文书
计生个人工作总结
2015/02/28 职场文书
大学生村官入党自传
2015/06/26 职场文书