0

已解决：http : //jsfiddle.net/YV34P/5/

我正在尝试设置 datepicker 以将选择范围限制为 5 天。

这可以正常工作，但问题是这一天必须是“工作日”，没有周日和周六，这意味着如果我选择 5 月 18 日星期五，我的限制将是 5 月 24 日星期四。

任何想法？我有以下代码：

$('.datepicker').datepicker({
            dayNames: ["Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sábado"],
            dayNamesMin: ["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"],
            monthNames: ["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],
            //dateFormat: "DD, dd MM yy",
            //altFormat: "DD, dd MM yy",
            dateFormat: "dd M yy",
            showAnim: "drop",
            beforeShow: LimitaRango,
            beforeShowDay: $.datepicker.noWeekends
    });

function LimitaRango(input){
    if (input.id == 'FechaHasta'){
        var minDate = new Date($('#FechaDesde').val());
        minDate.setDate(minDate.getDate() + 1);
        var maxDate = new Date($('#FechaDesde').val());
        maxDate.setDate(maxDate.getDate() + 5);
        return {
            minDate: minDate,
            maxDate: maxDate
            };
        }
}

这个HTML：

<tr>
      <td>Fecha Desde:</td>
      <td colspan="2"><input type="text" name="FechaDesde" size="40" class="datepicker" id="FechaDesde"></td>
</tr>    
<tr>
      <td>Fecha Hasta:</td>
      <td colspan="2"><input type="text" name="FechaHasta" size="40" class="datepicker" id="FechaHasta"></td>
    </tr>

PS：非常感谢您的帮助，但问题是识别周末。现在，我有这个工作，但是如果用户选择“星期五”，我的目标是将他的选择限制在星期四，但是现在，使用此代码，它仅限于“星期四”，因为周末包括在“5 天”中" 从选定的开始日期开始。

4

3 回答 3

2

您可以使用以下代码禁用周末：

$("#element").datepicker(
    {
        beforeShowDay: $.datepicker.noWeekends
    }
);

编辑：要禁用指定的日期，请查看： Can the jQuery UI Datepicker is made to disables Saturdays and Sundays (and holiday)?

于 2012-05-14T13:59:39.940 回答
2

您想要的是从今天到未来六天的任何时间。因此，您需要设置选项 maxDate。

var maxd = Date();
maxd.setTime( maxd.getTime() + (1000 * 3600 * 24 * 6) );
$('.datepicker').datepicker({
    ... // existing options
    maxDate: maxd,
});
于 2012-07-05T23:05:40.057 回答
1

使用beforeShowDay事件来限制日期的可选择性。如果此函数返回 false，则该日期将无效

IE

beforeShowDay:
function(date) {
    var dayOfWeek = date.getUTCDay();
    if(dayOfWeek ==0 || dayOfWeek ==6) //0= Sunday 6= Saturday
    {
      return false;

    }
    else
    {
      return true;
    }
}

有关更多详细信息，请参阅http://jqueryui.com/demos/datepicker/#event-beforeShowDay 和jQuery ui datepicker，从 onSelect 获取星期几

于 2012-05-14T14:04:28.987 回答