underscore.js的使用

插入html元素
underscore的模板

时间控件

            

                

                    
                
                

                    
                
                查询
            
        
 

            

            

                
时间
                
收入
                
参与人数
                
浏览量
                
活动数
            
            
            


            

 

获取时间

        var QueryForm = {
            el: $("#query-form"),
            init: function () {
                this.el.on('click', '.btn-filter', function () {
                    Chart.get();
                    BizDetail.init()
                });
                this.el.find('.time-start').datetimepicker({
                    format: 'YYYY-MM-DD',
                    locale: 'zh-cn',

                }).on('dp.change', function (e) {
                    var date = e.date.format('YYYY-MM-DD');
                }).on('hide', function (e) {
                });
                this.el.find('.time-end').datetimepicker({
                    locale: 'zh-cn',
                    format: 'YYYY-MM-DD',
                }).on('changeDate', function (e) {
                }).on('changeYear', function (e) {
                });
                return this;
            },

            getData: function () {
                return this.el.serializeArray();
            }
        };

var BizDetail = {
            api: '{% url 'each_biz_api'%}' + '?id=' + biz_id,
            tmpl_detail: _.template($('#each_detail').html()),
            onData: function (json) {
                if (json.status === 200) {
                    var chain = _.sortBy(json.data,'date');
                    var html_detail = _.map(chain, function (item, idx) {
                        return this.tmpl_detail(item);
                    }.bind(this)).join('');
                    $('#biz_detail').html(html_detail);
                }
            },

            init: function () {
                var data = QueryForm.getData();
                console.log(data)
                $.get(this.api, data, this.onData.bind(this), 'json');

            }
        };