如何使引导日期选择器中的容器附加到特定元素?

悉达思·梅塔(Siddharth Mehta)

您将如何在bootstrap datepicker中添加指定container选项以使datepicker追加到特定元素?

我添加了容器选项,但是它不起作用,即添加时日期选择器没有打开。当我删除容器选项时,它默认为主体,并且日期选择器显示良好。

我真的想使datepicker仅附加到特定元素,并在滚动时保持固定,但它根本不起作用,即datepicker与滚动一起移动。真令人沮丧。

这是日期选择器代码,

$('#StartDate').bootstrapDP({ 
format: 'mm/dd/yyyy',
startDate: defaultDate,
container: '#StartDate",
todayBtn: 'linked',
clearBtn: true,
beforeShowDay: function(Date){

    var curr_day = Date.getDate();
    var curr_month = Date.getMonth()+1;
    var curr_year = Date.getFullYear();        
    var curr_date=curr_month+','+curr_day+','+curr_year;    

    if(!(typeof nat_arr == "undefined")){

        if (nat_arr.indexOf(curr_date)>-1) return false;
    }

},
daysOfWeekDisabled: [0,6],
todayHighlight: true
}).on('changeDate',dateChanged);

我尽力了。我调试了Jquery UI JS,发现问题与添加容器时未附加显示块之类的东西有关,但我不确定。

请帮助我,这将是非常亲切的!

悉达思·梅塔(Siddharth Mehta)

解决方案非常简单。您要做的就是在datepicker选择器周围添加一个div并为其指定一个ID。因此,以下方法可以解决问题:

container: div#startDate,

这意味着对于ID为“ startDate”的datepicker选择器文本字段周围的div,请将其附加到元素。此外,您可能必须将CSS属性“ overflow:visible”设置到容器元素,以允许通过“溢出”容器来显示日期选择器。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何附加文本和引导日期选择器

来自分类Dev

如何使用引导日期选择器?

来自分类Dev

如何使用引导日期选择器?

来自分类Dev

引导日期选择器中的按钮

来自分类Dev

在引导日期选择器中将课程添加到多个/特定的一天?

来自分类Dev

引导程序日期选择器的颜色特定日期

来自分类Dev

在将日期添加到特定日期时,随机日期计算引导数据选择器

来自分类Dev

引导日期选择器

来自分类Dev

在注入的元素上激活引导日期选择器

来自分类Dev

在引导日期时间选择器输入中设置日期

来自分类Dev

在引导日期范围选择器中解析日期

来自分类Dev

在引导日期选择器中禁用过去的日期

来自分类Dev

如何使引导日期时间选择器仅选择时间

来自分类Dev

当页面中有多个日期选择器时,如何定位引导日期选择器自己的“.datepicker-dropdown”。?(没有容器选项)

来自分类Dev

如何在Twitter引导日期选择器中禁用结束日期范围?

来自分类Dev

如何在引导日期时间选择器中禁用今天的过去日期?

来自分类Dev

引导日期选择器$(...)中的错误。日期时间选择器不是函数

来自分类Dev

引导日期选择器拆分日期

来自分类Dev

从引导日期选择器清除日期

来自分类Dev

如何使引导日期选择器变为只读?

来自分类Dev

如何捕获引导日期选择器更改事件?

来自分类Dev

如何重新初始化引导日期选择器?

来自分类Dev

如何使用eternicode引导日期选择器

来自分类Dev

如何动态创建引导日期选择器?

来自分类Dev

最接近的div作为Rails和Coffee脚本以及simple_form中的引导日期选择器的容器

来自分类Dev

将jQuery选择器变量附加到表中

来自分类Dev

从Angularjs UI引导日期选择器中删除按钮

来自分类Dev

从Angularjs UI引导日期选择器中删除按钮

来自分类Dev

引导日期选择器在 Django 中不起作用

Related 相关文章

  1. 1

    如何附加文本和引导日期选择器

  2. 2

    如何使用引导日期选择器?

  3. 3

    如何使用引导日期选择器?

  4. 4

    引导日期选择器中的按钮

  5. 5

    在引导日期选择器中将课程添加到多个/特定的一天?

  6. 6

    引导程序日期选择器的颜色特定日期

  7. 7

    在将日期添加到特定日期时,随机日期计算引导数据选择器

  8. 8

    引导日期选择器

  9. 9

    在注入的元素上激活引导日期选择器

  10. 10

    在引导日期时间选择器输入中设置日期

  11. 11

    在引导日期范围选择器中解析日期

  12. 12

    在引导日期选择器中禁用过去的日期

  13. 13

    如何使引导日期时间选择器仅选择时间

  14. 14

    当页面中有多个日期选择器时,如何定位引导日期选择器自己的“.datepicker-dropdown”。?(没有容器选项)

  15. 15

    如何在Twitter引导日期选择器中禁用结束日期范围?

  16. 16

    如何在引导日期时间选择器中禁用今天的过去日期?

  17. 17

    引导日期选择器$(...)中的错误。日期时间选择器不是函数

  18. 18

    引导日期选择器拆分日期

  19. 19

    从引导日期选择器清除日期

  20. 20

    如何使引导日期选择器变为只读?

  21. 21

    如何捕获引导日期选择器更改事件?

  22. 22

    如何重新初始化引导日期选择器?

  23. 23

    如何使用eternicode引导日期选择器

  24. 24

    如何动态创建引导日期选择器?

  25. 25

    最接近的div作为Rails和Coffee脚本以及simple_form中的引导日期选择器的容器

  26. 26

    将jQuery选择器变量附加到表中

  27. 27

    从Angularjs UI引导日期选择器中删除按钮

  28. 28

    从Angularjs UI引导日期选择器中删除按钮

  29. 29

    引导日期选择器在 Django 中不起作用

热门标签

归档