发布Hourlog 0.02版: 给日期添加JSCalendar功能
来源:互联网 发布:淘宝上比较好的饰品店 编辑:程序博客网 时间:2024/06/08 12:34
http://www.hetaoblog.com/%E5%8F%91%E5%B8%83hourlog-0-02%E7%89%88-%E7%BB%99%E6%97%A5%E6%9C%9F%E6%B7%BB%E5%8A%A0jscalendar%E5%8A%9F%E8%83%BD/
今天发布了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 0.02版: 给日期添加JSCalendar功能
- JS日历(带时间选择功能) kimsoft-jscalendar 增强版
- JS日历(带时间选择功能) kimsoft-jscalendar 增强版
- jscalendar-1.0 日期选择框显示问题
- 给对象添加功能
- 给程序添加使用日期
- php给日期添加一段时间
- 添加自动发布博客功能
- 给表格添加排序功能
- 给网页添加二维码功能
- 给ngx3m添加log功能
- 给Mac添加wget功能
- 给samba添加回收站功能
- 给应用添加shortcut功能
- 介绍一个比较好的日期时间控件jscalendar
- 给myeclipse 添加自动注释 作者 日期
- 给myeclipse 添加自动注释 作者 日期
- 给已经发布的flash添加链接
- oracle sqldeveloper客户端工具连接sql,mysql数据库
- 文件上传和下载
- JQueryMobile开发中遇到问题的解决办法
- Excel导出
- 查看文件的MD5/SHA1效验值
- 发布Hourlog 0.02版: 给日期添加JSCalendar功能
- Shell 循环语句用法小结
- Windows Phone开发(4):框架和页
- 母函数知识
- javascript DOM 编程艺术 学习笔记
- Linux学习——多线程操作
- JDK之jstat的用法
- noarch
- MTK MMI Cache