带有自定义日期范围的jQuery日历

时间:2012-03-10 02:06:21

标签: php jquery mysql calendar jquery-ui-datepicker

我有一个搜索,一些答案确实解决了我的问题,但还不够接近。

我正在整理预订系统,并在MySQL数据库中提供一系列“关税”。

所有这些关税都有一个日期范围(以及其他价格,如每晚价格等,与此特定问题无关)。

使用jQuery.datePicker我想知道是否有一种方法可以只允许选择MySQL数据库的日期范围内的日期,并且任何未包含在这些范围内的日期都会被删除/不能选择的。

“关税”表格如下:

id        date_from        date_to        color       price       min
1         2012/02/01       2012/03/15     red         10          2
2         2012/03/16       2013/04/10     green       7           0
2         2012/05/16       2013/06/10     green       7           0

所以应该选择的唯一日期是2012年2月1日至2012年4月10日和2012年5月16日至2012年6月10日,其余日期将被删除。颜色,价格和最小值与此问题无关。

非常感谢任何帮助或指向正确的方向!

编辑:

在进一步搜索之后,我最终面对自己,因为我在这里找到了解决方案。对于任何偶然发现我的问题并需要解决方案的人,请到这里:

jQuery ui: multiple ranges for date picker?

感谢那些回答!

1 个答案:

答案 0 :(得分:1)

jQuery datepicker有“minDate”和“maxDate”参数。

$(selector).datepicker({
    'minDate': new Date(2012, 2, 1),
    'maxDate': new Date(2012, 3, 15)
});

或在你的php文件中:

<script type="text/javascript">
$(function(){
    $("#date").datepicker({
        'dateFormat': 'm/d/yy',
        'minDate': new Date(<?php echo $minDate->format('Y, m, d'); ?>),
        'maxDate': new Date(<?php echo $maxDate->format('Y, m, d'); ?>)
    });
});
</script>