您将如何在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,发现问题与添加容器时未附加显示块之类的东西有关,但我不确定。
请帮助我,这将是非常亲切的!
解决方案非常简单。您要做的就是在datepicker选择器周围添加一个div并为其指定一个ID。因此,以下方法可以解决问题:
container: div#startDate,
这意味着对于ID为“ startDate”的datepicker选择器文本字段周围的div,请将其附加到元素。此外,您可能必须将CSS属性“ overflow:visible”设置到容器元素,以允许通过“溢出”容器来显示日期选择器。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句