2015-11-12 135 views
2

我试图在我的在线预订脚本中禁用日期选择器中的特定日期(多个数量)。我已经通过一些谷歌搜索寻找解决方案,但他们没有一个似乎与我的脚本一起工作。禁用日期选择器中的特定日期

编辑:当我说它不适用于这个脚本,我的意思是要么所有的日期被禁用或datepicker不会出现。

我们以前想禁用星期日和BG101帮助我们完成(谢谢)这个与

$this.datepicker($.extend(dOpts, { 
    beforeShowDay: function(date) { 
     return [(date.getDay() != 0), '']; // 0 => Sunday 
    } 
})); 

任何帮助和指导,将深深appreciated.This变成8小项目:(

这里是我的脚本:http://pastebin.com/xDFxXUeJ

+0

通过此[链接]转到(https://eonasdan.github.io/bootstrap-datetimepicker/#custom-icons) – Raviteja

+0

其日期选择您使用jquery日期选择器或自举日期选择器?? –

+0

感谢您的评论。我们正在使用jquery datepicker。请参阅http://pastebin.com/xDFxXUeJ上的代码 –

回答

1

Sorav加尔格的答案是排除特定日期正确的,但你将需要合并排除周日也: -

这里是不包括的例子下周全部: -

var exclude = ["16-11-2015", "17-11-2015", "18-11-2015", "19-11-2015", "20-11-2015", "21-11-2015"] 
 

 
$('#calendar').datepicker({ 
 
    beforeShowDay: function(date) { 
 
    var day = jQuery.datepicker.formatDate('dd-mm-yy', date); 
 
    return [!~$.inArray(day, exclude) && (date.getDay() != 0)]; 
 
    } 
 
});
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/redmond/jquery-ui.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> 
 

 
<input id="calendar" />

+0

谢谢你加入。非常感谢。我在你的例子中看到它是如何工作的,因为我也需要它。虽然在我的代码中实现时,日期选择器在添加建议编辑之后单击按钮时无法显示。请看代码:http://pastebin.com/K48pZJhk - 我一直在这一整天,4点,仍然没有运气:( –

+0

无法打开pastebin对不起。创建一个jsfiddle。 – BenG

+0

当然,https:// jsfiddle .net/hmyx12sz/- 从第361行开始 –

1

@马克请尽量将它的工作 -

for bootstrap datepicker -- 

http://jsfiddle.net/Lr3taznx/35/

for jquery datepicker -- 

http://jsfiddle.net/CxNNh/2568/

+0

这将是我们理想的设置。出于某种原因,将其应用于我们的代码时 - 它不起作用。难道是因为我们已经有“beforeshowday”了吗? –

+0

实施时,日历不再出现。感谢你的付出。请让我知道你是否有其他线索。请参阅pastebin.com/xDFxXUeJ的代码 –

+0

感谢您的帮助! –

相关问题