Question

HIII ..

我的概念是代理商希望从后端添加日期，从2015年6月6日到2015年7月20日这些日期将存储在数据库中。如果代理想要禁用2天（例如2015年12月12日和2015年7月14日），那么如何在前端的datepicker中禁用这些日期。因为这两天代理商没有产品。这就是为什么代理人想要这两天禁用并且剩下第6天到第20天应该启用。

请有任何身体有任何想法请帮助我。感谢!!!

Answer 1

请参阅this链接。这是jquery datepicker的工作示例。

请参阅以下代码。

var unavailableDates = ["9-3-2012", "14-3-2012", "15-3-2012"];

function unavailable(date) {
    dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
    if ($.inArray(dmy, unavailableDates) == -1) {
        return [true, ""];
    } else {
        return [false, "", "Unavailable"];
    }
}

$(function() {
    $("#iDate").datepicker({
        defaultDate: new Date("3-1-2012"),
        dateFormat: 'dd MM yy',
        beforeShowDay: unavailable
    });

});

Answer 2

Bootstrap datepicker：

在bootstrap datepicker中，您可以使用以下方法：

datesDisabled

String，Array。默认值：[]

日期字符串数组或以给定日期格式

格式化的单个日期字符串

例如：

$('#sandbox-container input').datepicker({
    datesDisabled: ['07/06/2015', '07/21/2015']
});

JQUERY datepicker UI

在此使用 beforeShowDay 方法

var unavailableDates = ["9-5-2011","14-5-2011","15-5-2011"];
function unavailable(date) {
  dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
  if ($.inArray(dmy, unavailableDates) < 0) {
    return [true,"","Book Now"];
  } else {
    return [false,"","Booked Out"];
  }
}

$('#iDate').datepicker({ beforeShowDay: unavailable });

refernce for JQUERY datepicker UI

从php中的datepicker禁用特定日期

2 个答案: