2017年11月6日 星期一

使用Bootstrap daterangepicker 結合 Moment.js

使用套件:Date Range Picker

問題闡述:
當使用Moment.js時format('YYYY-MM-DD HH:mm')紅字HH部分要大寫,
個位數時前面才會有0。

    $(function() {

        var start = moment().subtract(29, 'days');
        var end = moment();

        function cb(start, end) {
            $('#reportrange span').html(start.format('YYYY-MM-DD HH:mm') + ' - ' + end.format('YYYY-MM-DD HH:mm'));
            //日期區間的值
            var value = start.format('YYYY-MM-DD HH:mm') + '~' + end.format('YYYY-MM-DD HH:mm');
            $('#hide_date_range').val(value);   
        }

        $('#reportrange').daterangepicker({
            timePicker: true,     
            startDate: start,
            locale: {
                format: 'YYYY-MM-DD HH:mm',
                customRangeLabel: '自定義時間區間',
            },    
            endDate: end,
            timePicker24Hour: true,
            showDropdowns: true,
            ranges: {
               '今日': [moment(), moment()],
               '昨日': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
               '近一周': [moment().subtract(6, 'days'), moment()],
               '近30天': [moment().subtract(29, 'days'), moment()],
               '當月': [moment().startOf('month'), moment().endOf('month')],
               '上個月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
            }
        },cb);

        cb(start, end);
    });  

沒有留言:

張貼留言