Question

我正在使用datepicker脚本

<script type="text/javascript">
        var datefield=document.createElement("input")
        datefield.setAttribute("type", "date")
        if (datefield.type!="date"){ //if browser doesn't support input type="date", load files for jQuery UI Date Picker
           document.write('<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />\n')
           document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><\/script>\n')
           document.write('<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"><\/script>\n')
        }
</script>
<script>
    if (datefield.type!="date"){ //if browser doesn't support input type="date", initialize date picker widget:
        jQuery(function($){ //on document.ready
            $('#data_inicial').datepicker();
            $('#data_final').datepicker();
        })
    }
</script>

HTML

<input id="data_inicial" type="date" value="" name="txtCheckIn"/>

<input id="data_final" type="date" name="txtCheckOut"/>

如何控制入住和退房日期，不允许用户输入最早的条目的出发日期？

Answer 1

在输入代码中，您可以设置min和max个选项以限制用户可以输入的日期。例如

<input id="data_final" type="date" name="txtCheckOut" min="2014-07-01"/>

查看更多here

Answer 2

使用minDate选项

$('[name=...]').datepicker("option", "minDate",startDate);

Javascript日期签入和签出控制

2 个答案: