欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Bootstrap 设置datetimepicker在屏幕上面弹出设置方法

程序员文章站 2023-11-10 20:14:34
datetimepicker默认是在输入框下面弹出的,但是遇到输入框在屏幕下面时,日期选择框会有一部分在屏幕下面,显示不了,因此需要能够从上面弹出。设置很简单,在初始话中:...

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在屏幕上面弹出设置方法,希望对大家有所帮助