反正是有允许在引导日期选择器只有平日的选择下面发现了什么? https://github.com/eternicode/bootstrap-datepicker/
我实例化的日期选择器是这样的:
$('#datepicker').datepicker();
/* Update datepicker plugin so that MM/DD/YYYY format is used. */
$.extend($.fn.datepicker.defaults, {
parse: function (string) {
var matches;
if ((matches = string.match(/^(\d{2,2})\/(\d{2,2})\/(\d{4,4})$/))) {
return new Date(matches[3], matches[1] - 1, matches[2]);
} else {
return null;
}
},
format: function (date) {
var
month = (date.getMonth() + 1).toString(),
dom = date.getDate().toString();
if (month.length === 1) {
month = "0" + month;
}
if (dom.length === 1) {
dom = "0" + dom;
}
return month + "/" + dom + "/" + date.getFullYear();
}
});
谢谢你的帮助。
从最新的版本https://github.com/eternicode/bootstrap-datepicker已经有一个选项来禁用特定平日的选择。 从该文档 :
daysOfWeekDisabled
字符串数组。 默认值: '',[]
应禁用的一周中的几天。 值为0(星期日)至6日(星期六)。 多个值应以逗号分隔。 例如:禁用周末: '0,6'
或[0,6]
换句话说,只要实例化日期选择器这样的:
$('#datepicker').datepicker({
daysOfWeekDisabled: [0,6]
});
这里有一个的jsfiddle证明这一点: http://jsfiddle.net/vj77M/1/
**更新**
引导日期选择器现在有一个daysOfWeekDisabled
选项。 见下面@鳍的答案。
** OLD答案**
这是一个工作演示
假设你的周周日开始:
$(function() {
function disableWeekends($this) {
var $days = $this.find('.datepicker-days tr').each(function() {
var $days = $(this).find('.day');
$days.eq(0).addClass('old').click(false); //Sunday
$days.eq(6).addClass('old').click(false); //Saturday
});
}
$('#dp1').datepicker({
format: 'mm-dd-yyyy'
});
// get instance of the jQuery object created by
// datepicker
var datepicker = $('#dp1').data('datepicker').picker;
// disable weekends in the pre-rendered version
disableWeekends(datepicker);
// disable weekends whenever the month changes
var _fill = datepicker.fill;
datepicker.fill = function() {
_fill.call(this);
disableWeekends(this.picker);
};
});
如果没有,只是改变$ days.eq(...),以正确的指标。
当然,这仅覆盖了点击事件,并让你在正确的方向前进。 我确信其他像键盘导航可能需要加以解决。
编辑
对于最新版本,使用这个代码,其中appropiate
// get instance of the jQuery object created by datepicker
var datepicker = $('#dp1').data('datepicker');
// disable weekends in the pre-rendered version
disableWeekends(datepicker.picker);
// disable weekends whenever the month changes
var _fill = datepicker.fill;
datepicker.fill = function() {{
_fill.call(this);
disableWeekends(datepicker.picker);
}};
你也可以尝试一下。
onRender: function(date) {
return date.getDay() == 0 || date.getDay() == 6 ? 'disabled' : '';
}
希望它可以帮助别人。 :)
$(document).ready(function(){
var date_input=$('input[name="date"]');
var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
date_input.datepicker({
format: 'dd/mm/yyyy',
container: container,
weekStart: 0,
daysOfWeekDisabled: "0,1,2,3,4,5",
daysOfWeekHighlighted: "6",
todayHighlight: true,
autoclose: true,
})
})