- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
你好,我想制作日期选择器,自动选择没有周末的五天。例如,如果用户选择 2016 年 7 月 27 日作为开始日期,我想从中选择 5 天 28.07、29.07、01.08、02.08、03.08如果可能的话,我想在输入中显示 27.08.2016 - 03.08.2016
到目前为止我做了这样的事情: Demo example http://jsfiddle.net/kuchar/hrzakorh/#&togetherjs=t3vznRU6eM
var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
var todaytime = new Date().toLocaleTimeString('pl-PL', {
hour12: false,
hour: "numeric",
minute: "numeric"
});
if (todaytime <= '12:00:00'){
$('#date-picker input').datepicker({
language: "pl",
multidateSeparator: " - ",
maxViewMode: 0,
multidate: true,
daysOfWeekDisabled: "0,6",
defaultDate: 1,
startDate: '+1d',
});
}
if (todaytime >= '12:00:00'){
$('#date-picker input').datepicker({
language: "pl",
multidateSeparator: " - ",
maxViewMode: 0,
multidate: true,
daysOfWeekDisabled: "0,6",
defaultDate: 1,
startDate: '+2d',
});
}
日历位于我称为“Wybierz datę”的输入上。
最佳答案
近似值应该是...
function getDayAfterExcludingWeekEnds(dateParam,dayNum){
var newDate = new Date( dateParam.getFullYear(), dateParam.getMonth(), dateParam.getDate() + dayNum);
if (newDate.getDay() == 6){
return getDayAfterExcludingWeekEnds( newDate, 2);
}
if (newDate.getDay == 0){
return getDayAfterExcludingWeekEnds( newDate, 1);
}
return newDate;
}
$("#select").change(function() {
var count = parseInt($(this).val().replace("ppl", ""));
$("#npersons").html("");
$(".dataTable").hide();
for (var i = 0; i < count; i++) {
var $row = $("#food").clone().prop("name", "foods" + i).show();
$row.find("td").eq(0).html(i + 1);
$("#persons #food").removeAttr('required');
$("#npersons").append($row);
}
if (count > 0) {
$(".dataTable").show();
}
});
var date = new Date();
var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
var todaytime = new Date().toLocaleTimeString('pl-PL', {
hour12: false,
hour: "numeric",
minute: "numeric"
}),
startDate = '+1d';
if (todaytime > '12:00:00'){
startDate = '+2d';
}
$('#date-picker input').datepicker({
language: "pl",
multidateSeparator: " - ",
maxViewMode: 0,
multidate: true,
daysOfWeekDisabled: "0,6",
defaultDate: 1,
startDate: startDate
}).on('changeDate', function( event ) {
if( event.dates.length > 1 && event.dates.length < 6){
return;
}
var selectedDate = event.date,
selectedDateAfterOne = getDayAfterExcludingWeekEnds( selectedDate, 1),
selectedDateAfterTwo = getDayAfterExcludingWeekEnds( selectedDateAfterOne, 1),
selectedDateAfterTree = getDayAfterExcludingWeekEnds( selectedDateAfterTwo, 1),
selectedDateAfterFour = getDayAfterExcludingWeekEnds( selectedDateAfterTree, 1),
dates = [selectedDate,selectedDateAfterOne,selectedDateAfterTwo,selectedDateAfterTree,selectedDateAfterFour];
$('#date-picker input').datepicker('setDates',dates);
});
祝你好运
关于javascript - Bootstrap 日期选择器 - 选择没有周末的 5 天,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38610643/
我正在使用 Gunicorn 为 Django 应用程序提供服务,它工作正常,直到我将其超时时间从 30 秒更改为 900000 秒,我不得不这样做,因为我有一个用例需要上传和处理一个巨大的文件(过程
我有一个带有非常基本的管道的Jenkinsfile,它可以旋转docker容器: pipeline { agent { dockerfile { args '-u root' } } stag
在学习 MEAN 堆栈的过程中,我遇到了一个问题。每当我尝试使用 Passport 验证方法时,它都不会返回任何响应。我总是收到“localhost没有发送任何数据。ERR_EMPTY_RESPONS
在当今的大多数企业堆栈中,数据库是我们存储所有秘密的地方。它是安全屋,是待命室,也是用于存储可能非常私密或极具价值的物品的集散地。对于依赖它的数据库管理员、程序员和DevOps团队来说,保护它免受所
是否可以创建像图片上那样的边框?只需使用 css 边框属性。最终结果将是没 Angular 盒子。我不想添加额外的 html 元素。我只想为每个 li 元素添加 css 边框信息。 假设这是一个 ul
我是一名优秀的程序员,十分优秀!