动态地在jquery datapicker中禁用日期 [英] Disabling dates in jquery datapicker Dynamically

查看:90
本文介绍了动态地在jquery datapicker中禁用日期的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用两个日期选择器来自,选择从日期和两个日期并设置计划。一旦计划保存了特定的日子。下次用户想要制定新计划时,我想要禁用已为之前计划分配的日期。我想要禁用的日期来自数据库。我在Asp.net做编码。





我的问题是,我可以动态地禁用jQuery日期选择器中的日期。如果有,请告诉我如何做一个例子。



先谢谢。

解决方案

< blockquote>你可以使用

之前的

选项JQuery。



请参阅以下代码以禁用非工作日。



(文件).ready(function(){



(#datepicker)。datepicker({

beforeShowDay:nonWorkingDates,

numberOfMonths:1,

minDate: ''05 / 01/09'',

maxDate:''+ 2M'',

firstDay:1

}); < br $>


函数nonWorkingDates(日期){

var day = date.getDay(),Sunday = 0,Monday = 1,Tuesday = 2,星期三= 3,星期四= 4,星期五= 5,星期六= 6;

var closedDates = [[7,29,2009],[8,25,2010]];

var closedDays = [[Monday],[Tuesday]];

for(var i = 0;我< closedDays.length; i ++){

if(day == closedDays [i] [0]){

返回[false];

}



}



for(i = 0; i< closedDates.length; i ++){

if(date.getMonth()== closedDates [i] [0] - 1&&

date.getDate()== closedDates [i] [1]& &

date.getFullYear()== closedDates [i] [2]){

返回[false];

}

}



返回[true];

}



});





请参考以下链接...



http://stackoverflow.com/questions/501943/can-the-jquery-ui-datepicker-be-made-to-disable-saturdays-and-sundays-and-holid [ ^ ]



请将其标记为解决方案,如果这样可以解决您的问题。


I am working with two date pickers in my from ,To select From date and Two date and set the plan. Once the plan is saved for a particular days. The next time when user want to make new plan i want to disable those dates which are already assigned for previous plan. Dates which i want to disable comes dynamically from the database. I doing coding in Asp.net.


My Question is , Can i disable the dates in jQuery date picker dynamically. if yes, Please advise me the way to do it with an example.

Thanks in Advance.

解决方案

You Can use

beforeshowday

option of JQuery.

Please see the following code to disable Non Working Days.


(document).ready(function(){


("#datepicker").datepicker({
beforeShowDay: nonWorkingDates,
numberOfMonths: 1,
minDate: ''05/01/09'',
maxDate: ''+2M'',
firstDay: 1
});

function nonWorkingDates(date){
var day = date.getDay(), Sunday = 0, Monday = 1, Tuesday = 2, Wednesday = 3, Thursday = 4, Friday = 5, Saturday = 6;
var closedDates = [[7, 29, 2009], [8, 25, 2010]];
var closedDays = [[Monday], [Tuesday]];
for (var i = 0; i < closedDays.length; i++) {
if (day == closedDays[i][0]) {
return [false];
}

}

for (i = 0; i < closedDates.length; i++) {
if (date.getMonth() == closedDates[i][0] - 1 &&
date.getDate() == closedDates[i][1] &&
date.getFullYear() == closedDates[i][2]) {
return [false];
}
}

return [true];
}

});


Please refer to the link below...

http://stackoverflow.com/questions/501943/can-the-jquery-ui-datepicker-be-made-to-disable-saturdays-and-sundays-and-holid[^]

Please mark it as solution, if this solves your issue.


这篇关于动态地在jquery datapicker中禁用日期的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆