推荐一个小巧的JS日历- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 推荐一个小巧的JS日历

Javascript: 一定时间滚动的链接菜单效果; 超链接的陷下效果; 用js实现的打字效果的带链接的新闻标题; js实现的很酷的连接提示效果; 再谈IE中Flash控件的自动激活 ObjectWrap; 超级兔子让浮动层消失的前因后果; 在线编辑器的实现原理(兼容IE和FireFox); B/S开发中常用javaScript技术与代码; 用JavaScript事件串连执行多个处理过程的方法; Javascript中的Split使用方法与技巧; HTML在线编辑器的基本概念与相关资料; Js+DVML很酷漂亮实用的右键弹出菜单; 用js实现的比较经典实用的触发型导航菜单; js中slice()方法的使用说明; 基础的prototype.js常用函数及其用法; 常用限制input的方法的js代码; 又一个图片自动缩小的JS代码; JavaScript触发器详解; 理解Javascript的caller,callee,call,apply区别; 一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试

No. « ‹ 54 55 56 57 › »

技术文章搜索

关键字

Javascript 中的推荐一个小巧的JS日历

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 208 ::

收藏到网摘: n/a

分析 JavaScript 中令人困惑的变量赋值让回调函数 showResponse 也带上参数的代码

脚本的核心就是DateAdd函数，点击下面的演示看看效果：
查看演示
调用方法很简单，
第一步：在页面顶部包含calenderJS.js文件：
<script src="path/to/calenderJS.js"></script>
点击下载这个js文件
第二步：给你的输入框增加onfocus事件属性：
<input type="text" onfocus="HS_setDate(this)">
HS_setDate(this) 是初始化的函数
此日历已经应用到本blog的侧边栏，并加入ajax功能，异步查询有日志的日子，并加粗。

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> JS 日历 </title> <meta name="author" content="快乐笛子"> <meta name="keywords" content="js日历,calender"> <meta name="description" content="js日历"> <script type="text/javascript" src="/downtools/js/wodcalenderJS.js"></script> <style> body {font-size:12px} td {text-align:center} h1 {font-size:26px;} h4 {font-size:16px;} em {color:#999; margin:0 10px; font-size:11px; display:block} </style> </head> <body>
<h1>Date Picker</h1>
<h4 style="border-bottom:1px solid #ccc">ver:1.0</h4>
<table border=1 width=400 height=150> <tr> <td>文本文本文本</td> <td>点击输入框</td> <td>文本文本文本</td> </tr> <tr> <td>点击输入框</td> <td><input type="text" style="width:70px" onfocus="HS_setDate(this)">文本</td> <td>文本文本文本</td> </tr> <tr> <td>文本文本文本</td> <td>点击输入框</td> <td>文本<input type="text" style="width:70px" onfocus="HS_setDate(this)">文本</td> </tr>
</table>
<ul>
<li>不需要其他框架类库</li>
<li>支持ie6、firefox、opera</li>
<li>点击年份与月份可以下拉选择</li>
</ul> </html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

分析 JavaScript 中令人困惑的变量赋值让回调函数 showResponse 也带上参数的代码

Javascript 中的 推荐一个小巧的JS日历

评论 (0) All

Javascript 中的推荐一个小巧的JS日历