输入框显示日历的代码

第一

HTML代码

<div class="field">
    <input class="input" id="start" name="start" value="">-
    <input class="input" id="end" name="end" value="">
</div>

第二

JS代码

<script type="text/javascript">
    //日期范围限制
    var start = {
        elem: '#start',
        format: 'YYYY-MM-DD',
        min:  '1999-06-16',//设定最小日期为当前日期
        max: laydate.now(), //最大日期
        istime: true,
        istoday: false,
        festival: true, //显示节日
        choose: function(datas){
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
        }
    };

    var end = {
        elem: '#end',
        format: 'YYYY-MM-DD',
        min: laydate.now(),
        max: '2099-06-16',
        istime: true,
        istoday: false,
        festival: true, //显示节日
        choose: function(datas){
            start.max = datas; //结束日选好后，充值开始日的最大日期
        }
    };
    laydate(start);
    laydate(end);

</script>