【问题标题】:Is it possible to remove dates from the previous and next month in bootstrap daterangepicker?是否可以在 bootstrap daterangepicker 中删除上个月和下个月的日期?
【发布时间】:2018-01-24 22:44:09
【问题描述】:

我需要删除所有下课的日期,而不会丢失日历模板。

这是代码:

    <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12 plr-16">
        <div class='input-group date' >
             <input type='text' name="daterange" placeholder="START DATE & TIME" class="form-control" />
             <span class="input-group-addon">
             <span class="glyphicon glyphicon-calendar"></span>
             </span>
        </div>
    </div>

这是 jQuery 代码:

$('input[name="daterange"]').daterangepicker();

【问题讨论】:

  • 禁用它们不是更有意义吗?您的问题中没有太多关于您想要完成的细节
  • 我不想在日历上看到那些日子,但是当我没有显示时,布局会中断。所以我需要一个更好的解决方案来隐藏那些日子。
  • 然后尝试更改 css 可见性

标签: jquery html css twitter-bootstrap-3


【解决方案1】:

要仅在日历中隐藏上个月和下个月的日期而不使用中断布局,您可以应用以下 css

td.off.available {
    visibility: hidden;
}

请参阅小提琴以获取此解决方案:https://jsfiddle.net/r5hz9b72/6/

【讨论】:

  • 我不想在 2 月的日历中看到从一月开始的日子。由于表格的中断布局,因此在具有 off 类的元素上不显示任何内容。
  • 好的,所以你可以使用visibility: hidden;td.off.available ...我也编辑了我的答案...
猜你喜欢
  • 1970-01-01
  • 2011-11-29
  • 1970-01-01
  • 1970-01-01
  • 2018-09-01
  • 2017-10-02
  • 2022-11-27
  • 1970-01-01
  • 2011-08-15
相关资源
最近更新 更多