Datepicker在特定日期之前禁用

时间:2015-10-05 23:57:51

标签: jquery datepicker

我有两个日期选择器,包括开始和结束日期。

当选择第一个日期时,我想在选择的第一个日期之前禁用,结束日期的日期。今天也要禁用。

START DATE END DATE

1 个答案:

答案 0 :(得分:2)

你可以这样做。

<input type="text" name="dateFrom" id="dateFrom" readonly="true" value="" class="textbox" />
<input type="text" name="dateTo" id="dateTo" readonly="true" value="" class="textbox" />


<script type="text/javascript">
$(document).ready(function () {
        $("#dateFrom").datepicker({
            onClose: function () {
                $("#dateTo").datepicker(
                    "change", {
                    minDate: new Date($('#dateFrom').val())
                });
               $("#dateFrom").datepicker({dateFormat: "dd/mm/yy"});
            }
        });

        $("#dateTo").datepicker({
            onClose: function () {
                $("#dateFrom").datepicker(
                    "change", {
                    maxDate: new Date($('#dateTo').val())
                });
                $("#dateTo").datepicker({dateFormat: "dd/mm/yy"});
            }
        });
    });
</script>

请参阅此处的工作示例。 https://jsfiddle.net/jjLhca9o/

修改

请参阅更新的jsFiddle:http://jsfiddle.net/jjLhca9o/5/