发布Hourlog 0.01：一个以小时为单位的任务计时工具

昨天晚上折腾到很晚，终于把hourlog上线发布了，
这是一个以小时为单位的任务计时工具。
为什么要开发这个工具呢？

    * 看了一点点异类这本书的介绍，了解了10000个小时成就天才的规律
    * 自己有时候工作效率低下，这个晃晃那个晃晃时间一会儿就过去了，也不知道究竟一件事情花了多少时间，所以希望有这样一个工具记录自己在一件事情上所花的准确时间，方便以后查看

这算0.01版吧，目前的功能很简单，主要包括下面3个：

    * 使用新浪微博登录
    * 输入日期、任务名称，小时数，可以保存一个hourlog到系统
    * 可以查看自己发布的所有的hourlog

好了，欢迎大家使用，功能简陋，多多包含，有问题建议可以在新浪微博上联系核桃博客

不知道有人有反馈么？

发布Hourlog 0.02版: 给日期添加JSCalendar功能

今天发布了Hourlog 0.02版：给日期添加了JSCalendar功能，就是可以通过弹出层用鼠标来选择日期；

javascript日期我选择了jscalendar, http://www.dynarch.com/projects/calendar/,功能非常强大,而且不依赖于任何框架，使用起来非常舒服，而且也非常小巧；

很可惜，作为菜鸟的我在Hourlog上记录了我添加这个功能花了2个小时时间：
第一步是写个静态页面拷贝sample，用了20分钟左右；
第二步放到项目里面少引用了一个css文件导致显示样式不对，查了约半个小时；
第三步发现我的css里面下面这段和jscalendar有冲突，导致顶部的当前年月和底部的今天字样位置显示不在中间，而是靠左和其他按钮重叠；

* {

margin: 0;
padding: 0;

}

去jscalendar主页上下载JSCal2-1.9后，简单的使用如下，具体效果可以登录Hourlog 查看
1. html开头添加

<link rel=”stylesheet” type=”text/css” href=”src/css/jscal2.css” />
<link rel=”stylesheet” type=”text/css” href=”src/css/border-radius.css” />
<link rel=”stylesheet” type=”text/css” href=”src/css/steel/steel.css” />
<script type=”text/javascript” src=”src/js/jscal2.js”></script>
<script type=”text/javascript” src=”src/js/lang/cn.js”></script>

2. 代码里面添加

<p>

<div>

<input type=”text” name = “dt” value = “” id=”calendar-field”/>

</div>

<script type=”text/javascript”>

Calendar.setup({
inputField : “calendar-field”,
trigger    : “calendar-field”,
onSelect   : function() { this.hide() }
});

</script></p>

hourlog更新：
日期默认为当前日期

hourlog0.04版更新：
1. 老用户登录不发微博
2. 小时数改下拉框

hourlog更新:
修改了下hourlog的前台样式

支持你下吧..这玩意真的真悲催....不过坚持下去应该会好...的应该多加点自己的想法...

我支持楼主一下吧！鼓励楼主自己探索，多学习多做，你总会成功的，祝福你。

多谢鼓励，晚饭后又更新了下，
Hourlog更新到0.06版–添加了图形化报表

今天，hourlog在上线第4天后有了19个用户，虽然人数很少，但这对我来说是很大的鼓舞！另外在iteye上也有用户的鼓励！
更何况这个工具我自己的确是有用的，时间记录下来之后，就比较清晰的知道自己究竟花了多少时间。
比如之前我总是说，每天我下班后都在电脑上折腾，但是究竟一个花了多少的业余时间，我其实说不出来。
另外取到了多少成果，也说不出来。通过用hourlog记录，可以看到一个很小的任务都会花1小时甚至2小时，可以意识到自己效率的低下。
更好的帮助自己改掉一些低效率的习惯，提高生存力。

图片如下

多谢支持，欢迎使用该工具记录自己的时间，有意见建议都欢迎提出来。