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动态创建Table,Tr,Td并赋值的具体实现
Jul 05 Javascript
window.returnValue使用方法示例介绍
Jul 03 Javascript
使用node.js 制作网站前台后台
Nov 13 Javascript
详解Bootstrap按钮
Jan 04 Javascript
javascript验证手机号和实现星号(*)代替实例
Aug 16 Javascript
javascript标准库(js的标准内置对象)总结
May 26 Javascript
vue通过点击事件读取音频文件的方法
May 30 Javascript
vue中进入详情页记住滚动位置的方法(keep-alive)
Sep 21 Javascript
说说如何利用 Node.js 代理解决跨域问题
Apr 22 Javascript
小程序如何构建骨架屏
May 29 Javascript
js中forEach,for in,for of循环的用法示例小结
Mar 14 Javascript
用javascript实现倒计时效果
Feb 09 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
用php解析html的实现代码
2011/08/08 PHP
PHP多个文件上传到服务器实例
2014/10/29 PHP
jquery+php实现导出datatables插件数据到excel的方法
2015/07/06 PHP
非常重要的php正则表达式详解
2016/01/04 PHP
PHP面向对象程序设计高级特性详解(接口,继承,抽象类,析构,克隆等)
2016/12/02 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2006/11/24 Javascript
浅说js变量
2011/05/25 Javascript
js中判断数字\字母\中文的正则表达式 (实例)
2012/06/29 Javascript
JQuery1.8 判断元素是否绑定事件的方法
2014/07/10 Javascript
javascript记录文本框内文字个数检测文字个数变化
2014/10/14 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
2014/12/10 Javascript
基于jquery实现可定制的web在线富文本编辑器附源码下载
2015/11/17 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
2016/03/05 Javascript
js贪吃蛇游戏实现思路和源码
2016/04/14 Javascript
NodeJS远程代码执行
2016/08/28 NodeJs
jQuery监听文件上传实现进度条效果的方法
2016/10/16 Javascript
Angularjs的Controller间通信机制实例分析
2016/11/07 Javascript
AngularJS+Bootstrap实现多文件上传与管理
2016/11/08 Javascript
JS实现的驼峰式和连字符式转换功能分析
2016/12/21 Javascript
div中文字内容溢出常见的解决方法
2017/03/16 Javascript
webpack开发跨域问题解决办法
2017/08/03 Javascript
详解使用路由延迟加载 Angular 模块
2017/10/12 Javascript
BootStrap Validator 根据条件在JS中添加或移除校验操作
2017/10/12 Javascript
JavaScript实现计算圆周率到小数点后100位的方法示例
2018/05/08 Javascript
深入浅析angular和vue还有jquery的区别
2018/08/13 jQuery
JS加密插件CryptoJS实现的Base64加密示例
2020/08/16 Javascript
js尾调用优化的实现
2019/05/23 Javascript
[01:16:12]完美世界DOTA2联赛PWL S2 FTD vs Inki 第一场 11.21
2020/11/23 DOTA
Django框架实现逆向解析url的方法
2018/07/04 Python
Python将一个CSV文件里的数据追加到另一个CSV文件的方法
2018/07/04 Python
在PyCharm中实现添加快捷模块
2020/02/12 Python
解决ROC曲线画出来只有一个点的问题
2020/02/28 Python
奇怪的鱼:Weird Fish
2018/03/18 全球购物
企业宣传口号
2014/06/12 职场文书
创先争优活动心得体会
2014/09/04 职场文书
储备店长岗位职责
2015/04/14 职场文书