js 日期插件My97Date

1.html

<div class="form-control pull-right" id="reportRange">
     <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>&nbsp;
     <span >February 21 2017 - February 21 2017</span> <b class="caret"></b>
     <input type="hidden" class="start_date" value="{{start}}"/>
     <input type="hidden" class="end_date" value="{{end}}"/> 
</div>

 

 2.js 

    var start = $(".start_date").val()
    var end = $(".end_date").val()
    if ((start == "") && (end =="")){
        start = moment().subtract(1, 'days');
        end = start;
    } else {
        start = moment(start);
        end = moment(end);
    }

    function cb(start, end) {
        $(".start_date").val(start.format('YYYY-MM-DD'));
        $(".end_date").val(end.format('YYYY-MM-DD'));
        $('#reportRange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
    }

    $('#reportRange').daterangepicker({
        startDate: start,
        endDate: end,
        minDate:"05/01/2017",
        ranges: {
            'Today': [moment(), moment()],
            'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
            'Last 7 Days': [moment().subtract(6, 'days'), moment()],
            'Last 30 Days': [moment().subtract(29, 'days'), moment()],
            'This Month': [moment().startOf('month'), moment().endOf('month')],
            'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
        }
    }, cb);
    cb(start, end);

 

posted @ 2017-11-03 14:39  红领巾下的大刀疤  阅读(178)  评论(0)    收藏  举报
/* 看板娘 */