datepicker,日期不可用,直到

时间:2012-10-13 13:35:50

标签: javascript jquery jquery-ui

我在不可用日期和周末设置了一系列不可用日期。

阵列:

<script type="text/javascript">//<![CDATA[
var unavailableDates = [];
{foreach $fixed.rows as $row}
    var row = {};
    row['date_from'] = "{$row.fixed_date_from.value}";
    row['date_until'] = "{$row.fixed_date_until.value}";
    row['name'] = "{$row.fixed_name.value} ({$row.fixed_type.value})";
    unavailableDates.push(row);
{/foreach}
//]]></script>

Q1)如何为直到日期添加额外的检查。我的工作情况如下图所示?

Q2)我可以改进使用in_array的代码,而不是循环每个日历日的每个日期吗?

var days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];
var unavailableDays = ["Saturday","Sunday"];

$("#.datePicker").datepicker($.extend(true, {}, $.initDatePickers.defaults, {
    beforeShowDay: function(date) {
        ymd = date.getFullYear() + "-" + ("0"+(date.getMonth()+1)).slice(-2) + "-" + ("0"+date.getDate()).slice(-2);
        day = new Date(ymd).getDay();
        result = null;

        // Check if date in unavailable array or weekend
        for(var i = 0; i < unavailableDates.length; i++){
            if ((ymd == unavailableDates[i].date_from) && $.inArray(days[day], unavailableDays) < 0) {
                return [false,"unavailable",unavailableDates[i].name];
            }
        }

        if(result){
            return result;
        } else {
            return [true, "available", ""];
        }
    } 
}));

1 个答案:

答案 0 :(得分:0)

使用befreShowDay选项解析数据阵列以确定日期是否可选

<强> beforeShowDayType: Function( Date date )

函数将日期作为参数,并且必须返回一个数组,其中[0]等于true / false,指示此日期是否可选,1等于CSS类名称或“”表示默认演示文稿,[2]此日期的可选弹出工具提示。在显示之前,会在datepicker中调用它。