日期控件默认显示当前系统时间

在freemarker中，daterangepicker日期控件显示当前系统时间实现如下：

1.首先引入相关插件js、css 文件，官网上有大家自行百度下。

 

2.控件代码

    <div class="col-sm-12">
        <div class="col-sm-5">
            <div class="form-group">
                <label class="col-sm-4 control-label">结算时间</label>
                <div class="input-group date col-sm-8">
                    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                    <input type="text" class="form-control" id="orderTime"  name="orderTimeStr" readonly >
                </div>
            </div>
        </div>
    </div>

3.js代码

   $('#orderTime').daterangepicker({
            startDate: moment().startOf('day'),
            endDate: moment(),
            format:"YYYY-MM-DD"
        });

        function getNow(s) {
            return s < 10 ? '0' + s: s;
        }
        var myDate = new Date();

        var year=myDate.getFullYear();        //获取当前年
        var month=myDate.getMonth()+1;   //获取当前月
        var date=myDate.getDate();            //获取当前日

        var now=year+'-'+getNow(month)+"-"+getNow(date);
        $('#orderTime').val(now.toString('yyyy-MM-dd') + ' - ' + now.toString('yyyy-MM-dd'));

页面效果

完结，撒花！！！