我在我的网站上有一个引导日期选择器(https://github.com/uxsolutions/bootstrap-datepicker),并且我有一系列日期,我想启用和禁用日期选择器中的所有其他日期。我该如何编码?
我该如何传递?
var enableDays = "24-07-2019, 20-08-2019, 22-08-2019, 13-09-2019"
$(function () {
$('#deliveryDate').datepicker({
maxViewMode: 2,
weekStart: 1,
startDate: '+1d',
autoclose: true,
todayHighlight: true,
format: "dd-mm-yyyy",
clearBtn: true,
language: form.UILanguage(),
autoclose: true,
})
});
答案 0 :(得分:1)
在docs of Bootstrap Datepicker中,您可以找到beforeShowDay
选项。
您可以定义一个函数,该函数将在给定列表中未包含的每一天返回{enabled: false}
。
这是一个完整的实现:
//we start with splitting the provided string into an array
var enableDays = "24-07-2019, 20-08-2019, 22-08-2019, 13-09-2019".split(', ')
function formatDate(d) {
var day = String(d.getDate())
//add leading zero if day is is single digit
if (day.length == 1)
day = '0' + day
var month = String((d.getMonth()+1))
//add leading zero if month is is single digit
if (month.length == 1)
month = '0' + month
return day + "-" + month + "-" + d.getFullYear()
}
$(function () {
$("#deliveryDate").datepicker({
maxViewMode: 2,
weekStart: 1,
startDate: "+1d",
beforeShowDay: function(date){
if (enableDays.indexOf(formatDate(date)) < 0)
return {
enabled: false
}
else
return {
enabled: true
}
},
todayHighlight: true,
format: "dd-mm-yyyy",
clearBtn: true,
autoclose: true
})
});
由于纯JS中的日期格式化功能受到限制,因此我编写了一个返回dd-mm-yyyy
格式的String的函数。随意使用任何日期处理库(例如moment.js)。