在Datepicker中禁用天数
我试图禁用日历的某些日子,但我不能。
我正在使用这个日期选择器https://github.com/eternicode/bootstrap-datepicker/blob/master/docs/index.rst 。
我拥有的javascript代码就是这样,除了你要禁用的日子外,我所需要的只是我需要的工作。
var disabledDays = ['11/29/2013', '11/27/2013', '11/28/2013']; function daysDisabled(date) { for (var i = 0; i < disabledDays.length; i++) { if (new Date(disabledDays[i]).toString() == date.toString()) { return [false, '']; } } return [true, '']; } $('.datepicker').datepicker({ format: 'dd-mm-yyyy', todayHighlight: true, autoclose: true, weekStart: 1, startDate: '0d', language: 'es', beforeShowDay: daysDisabled })
只需像这样修改你的function:
function daysDisabled(date) { for (var i = 0; i < disabledDays.length; i++) { if (new Date(disabledDays[i]).toString() == date.toString()) { return false; } } return true; }
为你创造了小提琴。
工作小提琴
function initComponent(){ /* Date retrait */ $("#dateRetrait").datepicker({ dateFormat: 'dd-mm-yy', minDate: new Date(), beforeShowDay: function(d) { var dmy = (d.getMonth()+1); if(d.getMonth()<9) dmy="0"+dmy; dmy+= "-"; if(d.getDate()<10) dmy+="0"; dmy+=d.getDate() + "-" + d.getFullYear(); console.log(dmy+' : '+($.inArray(dmy, disbleddates))); if ($.inArray(dmy, disbleddates) != -1) { return [false, "","Available"]; } else{ return [true,"","unAvailable"]; } } });
- 如何使用自定义格式的jQuery UI DatePicker和MVC 4(dd.MM.yyyy)
- 未来日期提出错误jquery ui datepicker
- 一旦选择了日期,如何在jQuery UI datepicker上触发validation?
- 使用bootstrap-datepicker显示Date之后的星期几
- 如何在代码隐藏中为Datepicker设置日期/获取日期
- 如何通过datepicker获取日期并通过GET传递?
- jquery datepicker将事件添加到下一个和上一个按钮
- Jquery UI datepicker,点击日期,获取日期并传递给URL
- jQuery UI Datepicker – 日期范围 – 突出显示介于两者之间的天数