最近,实际一些简单统计时,要到库里去检索数据出来用HIGHCHARTS画图,

作一个简单的回照。。

DJANGO用TEMPLATEVIEW来作。专业,正规:)

class SAView(TemplateView):
    template_name = 'version/sa_site.html'
    paginate_by = 10

    def get_context_data(self, **kwargs):
        context = super(SAView, self).get_context_data(**kwargs)
        site_dict = {}
        appcount = A.objects.annotate(num_app=Count('dv'))
        for app in appcount:
            if self.request.GET.has_key('date_start') and self.request.GET.has_key('date_end') :
                date_start = self.request.GET['date_start']
                date_end = self.request.GET['date_end']
                context['days'] = date_start+'至'+date_end
                app_qryset = app.deployversion_set.filter(add_date__range=(date_start, date_end))
            else:
                context['days'] = '所有时间'
                app_qryset = app.deployversion_set.all()

            if app.site_set.all() and app_qryset.count():
                    site_key = str(app.site_set.all()[0].name)
                    if site_dict.has_key(site_key):
                        site_dict[site_key] += app_qryset.count()
                    else:
                        site_dict[site_key] = app_qryset.count()

        categories = site_dict.keys()
        data = site_dict.values()
        context['now'] = timezone.now()
        context['current_page'] = "list-sa-site"
        context['form'] = SASiteForm
        context['categories'] = categories
        context['data'] = data

        return context

前端JAVASCRIPT的小东东,找伟哥作了那个最近一周和一月的东东,很好:)感谢:

Date.prototype.Format = function(fmt)
{
    var o = {
        "M+" : this.getMonth()+1,
        "d+" : this.getDate(),
        "h+" : this.getHours(),
        "m+" : this.getMinutes(),
        "s+" : this.getSeconds(),
        "q+" : Math.floor((this.getMonth()+3)/3),
        "S"  : this.getMilliseconds()
    };
    if(/(y+)/.test(fmt)){
        fmt = fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
    }
    for(var k in o){
        if(new RegExp("("+ k +")").test(fmt)){
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
        }
    }
    return fmt;
}

$(".search_btn").click(function(){

        var date_start = $("input[name='date_start']").val() || "demo";
        var date_end = $("input[name='date_end']").val() || "demo";
        var date_today = new Date().Format("yyyy-MM-dd");
        console.log(date_today);
        if (date_start > date_end) {
            alert('开始时间大于结束时间,请重新选择');
            return;
           };
        if ((date_start >= date_today) || (date_end >= date_today)) {
            alert('开始时间和结束时间不能超过当前时间');
            return;
           };
        console.log(date_start, date_end);
        var url = "/sa/site/?date_start=" + date_start + "&date_end=" + date_end
        console.log(url)
        location.href = url
    });
$(".search_btn_week").click(function(){
        var current = new Date();
        var utcDate = current.setDate(current.getDate()-7);
        var date_start = new Date(utcDate).Format("yyyy-MM-dd");
        var date_end = new Date().Format("yyyy-MM-dd");
        console.log(date_start, date_end);
        var url = "/sa/site/?date_start=" + date_start + "&date_end=" + date_end
        console.log(url)
        location.href = url
    });
$(".search_btn_month").click(function(){
        var current = new Date();
        var utcDate = current.setDate(current.getDate()-30);
        var date_start = new Date(utcDate).Format("yyyy-MM-dd");
        var date_end = new Date().Format("yyyy-MM-dd");
        console.log(date_start, date_end);
        var url = "/sa/site/?date_start=" + date_start + "&date_end=" + date_end
        console.log(url)
        location.href = url
    });

Form结合了UIKIT的时间PICKER样式:

class SASiteForm(forms.Form):
        date_start = forms.CharField(
            max_length=100,
            label=u"开始日期",
            widget=forms.TextInput(
                attrs={
                    'class': 'uk-width-1-6',
                    'data-uk-datepicker': "{format:'YYYY-MM-DD'}",
                }
            ),
        )
        date_end = forms.CharField(
            max_length=100,
            label=u"结束日期",
            widget=forms.TextInput(
                attrs={
                    'class': 'uk-width-1-6',
                    'data-uk-datepicker': "{format:'YYYY-MM-DD'}",
                }
            ),
        )

AND THEN。。。

关于DJANGO和JAVASCRIPT的时间的更多相关文章

  1. Java和JavaScript的时间互传

    原创文章,转载请注明:Java和JavaScript的时间互传 By Lucio.Yang 1.从JavaScript到Java JavaScript: function query(){ var s ...

  2. 【python】Django设置SESSION超时时间没有生效?

    按手册和网上的方法在settings.py中设置“SESSION_COOKIE_AGE” 和 “SESSION_EXPIRE_AT_BROWSER_CLOSE” 均不生效. 通过查看django的源代 ...

  3. 详解JavaScript UTC时间转换方法

    这篇文章主要介绍了JavaScript UTC时间转换方法,介绍了本地时间到UTC时间的转换.UTC日期到本地日期的转换,感兴趣的小伙伴们可以参考一下 一.前言 1.UTC: Universal Ti ...

  4. JavaScript 对时间日期格式化

    JavaScript 对时间日期格式化 // 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s).季度(q) 可以用 1-2 个占位 ...

  5. JavaScript日期时间格式化函数

    这篇文章主要介绍了JavaScript日期时间格式化函数分享,需要的朋友可以参考下 这个函数经常用到,分享给大家. 函数代码: //格式化参数说明: //y:年,M:月,d:日,h:时,m分,s:秒, ...

  6. JavaScript 的时间消耗--摘抄

    JavaScript 的时间消耗 2017-12-24 dwqs 前端那些事儿 随着我们的网站越来越依赖 JavaScript, 我们有时会(无意)用一些不易追踪的方式来传输一些(耗时的)东西. 在这 ...

  7. JavaScript实现时间上一天和下一天切换

    JavaScript实现时间上一天和下一天切换 1.先获取时间戳毫秒数 var date = new Date()//实例化时间戳 var time = date.getTime()//获取当前毫秒数 ...

  8. django 获取系统当前时间 和linux 系统当前时间不一致 问题处理。

    问题场景: 在django admin models 实体对象添加一个属性最后修改时间,用户在添加.修改是系统自动修改操作时间. UpdateTime自动获取系统时间.并且自动修改. 代码设置如下. ...

  9. javascript系统时间测试题

    如果系统的时间是2016年2月20日,分析下列JavaScript代码,运行后在网页上显示() var now = new Date();var year = now.getFullYear();va ...

随机推荐

  1. C#解析Json格式数据小结

    最近,遇到了一些不同的Json格式的数据,需要做不同处理才能转化为想要得到的结果,这里总结一下. 第一种形式:status中是{}形式,对象 string json = @"{'name': ...

  2. SEO前端优化

    精减代码 清除网页中一些冗余的代码,网上有这样的工具,可以辅助完成,如果需要的话,我们可以把代码中的注释去掉,甚至空行之类的也去掉,尽量的减少代码量,从而减小页面体积. CSS Sprites 通俗点 ...

  3. jvmstat监控jvm内存

    1.下载jvmstat-3_0.zip: 2.配置环境变量JVMSTAT_JAVA_HOME为jdk目录E:\Program Files\Java\jdk1.5.0_12 3.监控本机:  jps查看 ...

  4. Java-IO 输入输出流详解

    一.文件的编码               开发时一定要注意项目默认的编码!!!!!!!!               文件操作的时候一定要记得关闭!!!!!!!!        ASCII:美国标准 ...

  5. 用一天的时间学习Java EE中的SSH框架

    首先说明一下,本人目前主要从事.NET领域的工作,但对于C++.Java.OC等语言也略知一二,周末闲来无事,特花费一天的时间学习了一下Java中的SSH框架,希望把学习过程中的心得体会与园友们进行分 ...

  6. oracle pl/sql的操作大全

    --删除该用户及下面的所有关联 DROP USER fspdrs CASCADE; --创建一个用户 create user fspdrs identified " default tabl ...

  7. android eclipse集成环境

    Android开发工具(ADT)是一个插件为Eclipse IDE,它的目的是给你一个强大的,集成的环境来构建Android应用程序. ADT扩展了Eclipse的功能使用Android SDK工具, ...

  8. google map 点与点画线

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. [大牛翻译系列]Hadoop(6)MapReduce 排序:总排序(Total order sorting)

    4.2.2 总排序(Total order sorting) 有的时候需要将作业的的所有输出进行总排序,使各个输出之间的结果是有序的.有以下实例: 如果要得到某个网站中最受欢迎的网址(URL),就需要 ...

  10. 使用rar打包多个文件为exe可执行文件

    需求分析:有些机友在刷recovery的时候不知道如何刷入,于是产生写bat脚本和打包为exe可执行文件,只要机友正确安装好驱动后连接手机双击就可以刷入rec了 解决过程: 需要打包的文件 操作过程截 ...