- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我decided将此插件用于 jQuery UI Datepicker,
Wich 似乎工作得很好,例如:
$(function () {
var today = new Date();
$('#test').multiDatesPicker({
dateFormat: "yy-mm-dd",
addDisabledDates: [today.setDate(1), today.setDate(3)]
);
});
除了当月的 1 号和 3 号,这允许用户根据需要选择任意天,
但我如何才能限制用户选择仅大于所需日期(开始)且小于另一个所需日期的日期?
我在他们的 documentation 中没有看到任何方法
PD:作为一种解决方法,我想到创建一个数组,其中的日期在我想要的时间间隔之前/之后,但我该如何标记它呢? (我的意思是,我应该在这个数组中考虑多少年??)
-编辑-
只是为了测试,我试图从我想要的范围内禁用前 15 天和后 15 天,如下所示:
$(function () {
var start = new Date(2013, 11, 20)
var end = new Date(2013, 11, 24)
console.log(start, end);
var dissabledDates = [];
if ( end < start ) {
alert('Está mal');
}
for ( i = 0 ; i < 15 ; i++ ){
var currentDate = new Date();
currentDate.setDate( start.getDate() - i );
dissabledDates[ dissabledDates.length ] = currentDate;
}
for ( i = 0 ; i < 15 ; i++ ){
var currentDate = new Date();
currentDate.setDate( end.getDate() + i );
dissabledDates[ dissabledDates.length ] = currentDate;
console.log(currentDate);
}
var today = new Date();
$('#test').multiDatesPicker({
dateFormat: "yy-mm-dd",
addDisabledDates: dissabledDates
});
});
限制发生了,但是,看看选择器的样子(注意我只限制前后 15 天)
所以问题是:我怎样才能只让用户在我的开始日期和结束日期之间进行选择?
最佳答案
使用 jQuery UI 日期选择器的基本功能,如 here 所述
$( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });
来自 API 文档:
Multiple types supported:
Date: A date object containing the minimum date.
Number: A number of days from today. For example 2 represents two days from today and -1 represents yesterday.
String: A string in the format defined by the dateFormat option, or a relative date. Relative dates must contain value and period pairs; valid periods are "y" for years, "m" for months, "w" for weeks, and "d" for days. For example, "+1m +7d" represents one month and seven days from today.
关于javascript - 用于日期选择器的 jQuery MultiDatesPicker : Restrict range?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20076221/
我有 mulitdatespicker,我需要禁用所有日期,除了那些从“defaultDate”开始每 2 周的日期。 因此,如果当前日期设置为 5 月 6 日星期四,我需要禁用它之前的所有日子,然后
我花了一周时间尝试让多选日期选择器正常工作。在我尝试过的所有组件中,multiDatesPicker 都符合要求,但我无法让它工作。我什至下载了示例中使用的两个包含的 jquery .js 文件的相同
我有以下代码与一个简单的 datepicker 一起工作;当我点击选择器显示的按钮时。 我需要它与 multidatespicker 一起工作: 简单的日期选择器 JS 脚本。 $(document
我将创建允许用户根据需要选择日期的表单,所以这是我的 demo 这是我的脚本$('#datePick').multiDatesPicker(); 那么这是demo 我的问题是如何计算他们在提交表单之前
我正在使用MultiDatesPicker for jQuery UI . 我有一个日期列表,我想仅启用这些日期并禁用所有其他日期。 var a = ['11.11.11', '11.12.12',
我需要实现一个多日期日历。我尝试遵循这个例子: http://multidatespickr.sourceforge.net/ 不幸的是,这不起作用,控制台上没有显示错误。什么都没发生。我可能忘记了什
我decided将此插件用于 jQuery UI Datepicker, Wich 似乎工作得很好,例如: $(function () { var today = new Date();
我的 Asp.net 页面中有一个 jQuery MultiDatesPicker 日历 ( https://dubrox.github.io/Multiple-Dates-Picker-for-jQ
我是一名优秀的程序员,十分优秀!