繁体   English   中英

jQuery 2日历的另一个设置范围

jquery 2 calendars one setting range for the other

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我在一页上使用两个jquery。 在准备好文档时,其中一个设置为当前日期,另一个设置为当前日期+ 15天

我想做的是使第二个日历永远不允许选择早于第一个+15天的日期。

示例:在文档就绪日历上1:显示07/05/11日历2:显示07/20/11,如果我在日历上选择7/21/11,则日历2应该显示:07/05/11。 仅在第二个日期选择器输入字段的焦点上,该字段的值才会更改为第5个,并在日历视图中正确显示。 它应该自动执行此操作。

这是一个如何处理它的例子

// Setting the current date and adding 15 days 

function setRange() {
    d=new Date($('#dateofchange').datepicker('getDate'));
    d.setDate(d.getDate() + 15);
    $('#EffectiveDate').datepicker('option', 'minDate', new Date(d));
    d=new Date($('#dateofchange').datepicker('getDate'));
    d.setFullYear(d.getFullYear() + 1);
    $('#EffectiveDate').datepicker('option', 'maxDate', new Date(d));
}

// This is the initial datePicker

$('#dateofchange').datepicker({
    showButtonPanel: true,
    minDate: new Date()
    });

// This is the current Date plus 15 days. 

$('#EffectiveDate').datepicker({
    showButtonPanel: true,
    beforeShow: setRange
});
1 个回复

我会把它重写一下,然后做这样的事情。

#dateofchange日期选择器中选择日期后,将根据用户选择的日期再次设置#EffectiveDateminDatemaxDate选项。

function addDays(date) {
    var d = new Date(date);
    d.setDate(d.getDate() + 15);   
    return d;
}
function addYear(date){
    var d = new Date(date);
    d.setFullYear(d.getFullYear() + 1);
    return d;
}

$('#dateofchange').datepicker({
    showButtonPanel: true,
    minDate: new Date(),

    // change EffectiveDate minDate and maxDate when the user selects a date in #dateofchange
    onSelect:function(dateText, inst) {
        var d = new Date(dateText);
        $("#EffectiveDate").datepicker( "option", "minDate", addDays(d));
        $("#EffectiveDate").datepicker( "option", "maxDate", addYear(d));        
    }
});

$('#EffectiveDate').datepicker({
    showButtonPanel: true,
    minDate: addDays(new Date()),
    maxDate: addYear(new Date())
});

它可能写得更简洁明了,但这应该可以按照您描述的方式起作用。

jsFiddle: http : //jsfiddle.net/bjorn/aVBca/2/

1 将日历设置为月中的X日

我试图从一个由四个输入构建的Calendar对象中获得一分钟的时间:月份(第3天),白天(星期四),小时(1),分钟(30)和上午/下午。 此外,如果时间是过去的一个月应该增加一个。 如何设置日历到这个时间? 这段代码似乎没有设定这一天。 虽然小时,分钟和上午/下午设置正确。 ...

2 从另一个范围名称设置范围

我是excel VBA的新手。 我正在尝试在我的工作簿中创建一个函数,该函数将执行excel linet函数。 我有一个范围(pqr),其中第一列是Y变量,第二列是X变量。 我想在代码中将R1和R2分配为变量。 我试图从其他线程获取代码,但这是我编写的代码... 如果我分别传递r ...

3 具有3状态日颜色的jQuery移动日历

我正在寻找创建一个事件和预订系统。 我找到了Stack Overflow问题jQuery - 移动日期选择器控件 ,它显示了jquery-mobile-datebox和jQuery-Mobile- Themed -DatePicker 。 我想显示一个日历,其中我从服务器获得的某些日 ...

9 RichFaces 4.2日历。 如何通过JavaScript设置日历的InputField?

我必须将客户端的日期字符串复制到日历输入字段“ renewal_date_input”。 以下JavaSript无法正常工作: 虽然有: 我们可以读出之前写的正确的日期字符串。 但是该字符串不会出现在输入字段中。 启用手动输入: 丰富的表情calendar.js附带 ...

2013-04-16 16:39:24 1 228   java
10 设置范围时间,然后使用JavaScript / jQuery将其移动到另一个时隙时进行更新

抱歉,我的标题含糊不清。 我很难把我的问题写成标题。 我想做的是有一个可以动态创建HTML表的表单(简单)。 我表单中的元素之一要求持续时间,例如1PM到2PM或1.20PM到1.56PM(仍然很容易)。 现在,我想创建一个拖放元素,使我可以上下移动行。 但是,当我这样做时,我 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM