Bootstrap daterangepicker 位置及双日历单独选择

本文分享了初次使用Bootstrap双日历时间控件的感受,解决了联动选择和显示位置的问题,介绍了linkedCalendars属性和opens属性的正确使用方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

初次使用bootstrap的双日历时间控件,感受是总觉得有bug,日历的选择默认有双联动,不太符合国人的选择习惯,通常的做法是单独选择,可以不分先后顺序选择起止时间。感觉这个问题不解决,用户体验下降很多,都有点想放弃的感觉,由于找不到合适的关键字来百度这个问题,于是看官方文档和demo,无意间看到了linkedCalendars 属性。柳暗花明,大概知道作用了,试了下果然生效了,开心。

另外一个问题是显示的位置:"opens": "center",刚开始以为是整个控件的位置靠坐,靠右等,当需要在屏幕右边显示时,设置了"opens": "right" ,可是变成了下面图示:

途中的小折线不是弹出图标的指示位置,又试了下"opens": "left", 问题解决,所以这个left 是设置折线的效果,如下图所示。

以上就是初体验的感觉,用起来还是很爽的!完

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值