Question

三个问题

仅限此用户选择结束日期的日期仅限于开始日期（样本：1/1 / 2015-12 / 31/2014，这是错误的）
用户无法手动输入日期
让日历从今天开始

HTML

 <div class="row-fluid">
            <div class="span2"> Date</div>
            <div class="span7 input-append input-prepend">
                <input type="text" id="sdate" name="sdate" value="<?=$sdate?>" class="input-small" ><span class="add-on"><i class="icon-calendar"></i>&nbsp;&nbsp;&nbsp;to</span>
                <input type="text" id="edate" name="edate" value="<?=$edate?>" class="input-small" ><span class="add-on"><i class="icon-calendar"></i></span>
            </div>
        </div>

JAVASCRIPT

$('#sdate, #edate').datepicker();
    //$.loadData();  

    $('a.btn').unbind('click').bind('click',function(e){
        e.preventDefault();
        $.loadData();

    });

Answer 1

使用jquery datepicker函数可以很容易地实现这一点。

    <input type='text' id='t1' readonly/>

和Jquery：

$('#t1').datepicker({
    minDate: 'today'
});

保持输入字段只读将不允许用户手动输入日期。此外，将minDate保留为today或0会限制用户选择无效范围并将最小日期设置为今天。阅读 jquery datepicker

WORKING DEMO

日期范围日期选择器限制

1 个答案: