如何使用 date-picker bootstrap4 插件禁用每月 26 日至 30 日以及每个月的星期日

Posted 2023-05-08

【中文标题】如何使用 date-picker bootstrap4 插件禁用每月 26 日至 30 日以及每个月的星期日

【英文标题】：How to disable from 26th to 30th of the month and also Sundays of every month using date-picker bootstrap4 plugin

【发布时间】：2020-09-12 01:57:42

【问题描述】：

所以任务是禁用从 26 日到 30 日的日期以及日历中的所有星期日。 我正在使用 bootstrap4 插件来实现这一点。

其次，选择日期的选项将从今天的日期过去 2 天到接下来的 10 天。 (-2 + 10)

例如：从今天 2020 年 5 月 25 日开始的日期 现在用户可以从 (25 - 2) = 23rd May 到 (23 + 10) = 10th June 2020 Excluding 26,27,28,29,30 and all Sundays

我想更改上述验证并对此代码进行更改：

var date = new Date();

$('#divOutPutViewData').find(':text[id="' + data[i].CandidateID + '"]').datepicker(
    uiLibrary: 'bootstrap4',
    format: 'dd-mmm-yyyy',
    Value: date,
    minDate: date,
    //maxDate: new Date(),
    clearBtn: true );

$('#divOutPutViewData').find(':text[id="' + data[i].CandidateID + '"]')
    .val();

我正在尝试这段代码：

function LoadDatePicker() 
  debugger;

  var d = new Date();
  var firstDay = new Date();
  var n = d.getFullYear();
  var lastdate = "31/12/" + ((new Date()).getFullYear() + 1);
  var StartFromJan = new Date(new Date().getFullYear(), 0, 1);
  $('.date').datepicker(

    format: 'dd-mm-yyyy',
    autoclose: true,
    //startDate: firstDay,
    endDate: lastdate,
    todayHighlight: true,
    startDate: StartFromJan
    //startDate: "01-01-" + n,
  );

【问题讨论】：

能否请您发布您尝试在 date-picker bootstrap4 插件中禁用日期的所有代码。也许您无法根据您的要求禁用所有日期，但您可能至少禁用了一些日期。

我曾尝试使用 beforeshowday() ，但它不起作用。我还添加了一些我在问题中尝试过的代码。请检查。

【参考方案1】：

根据文档

https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#daysofweekdisabled

https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#beforeshowday

禁用所有星期日添加

daysOfWeekDisabled: '0', 

要禁用从 26 日到 30 日的所有日子，请添加此挂钩

beforeShowDay: function(date) 
  if ((date.getDate() >= 26) && (date.getDay() <= 30)) 
    return [false]
   else 
    return [true]
  

【讨论】：

我们从哪里传递日期参数？

您如何验证这一点：其次，选择日期的选项将从今天的日期过去 2 天到接下来的 10 天。 (-2 + 10)