推荐一个小巧的JS日历

2016-02-19 09:21 7 1 收藏

下面是个推荐一个小巧的JS日历教程，撑握了其技术要点，学起来就简单多了。赶紧跟着图老师小编一起来看看吧！

【 tulaoshi.com - Web开发】

脚本的核心就是DateAdd函数，点击下面的演示看看效果：
查看演示

调用方法很简单，
第一步：在页面顶部包含calenderJS.js文件：
script src="path/to/calenderJS.js"/script
点击下载这个js文件

第二步：给你的输入框增加onfocus事件属性：
input type="text" onfocus="HS_setDate(this)"
HS_setDate(this) 是初始化的函数

此日历已经应用到本blog的侧边栏，并加入ajax功能，异步查询有日志的日子，并加粗。

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

来源:http://www.tulaoshi.com/n/20160219/1590476.html

看过《推荐一个小巧的JS日历》的人还看了以下文章更多>>

一个可以显示阴历的JS代码

标签： Web开发

代码如下： script language="JavaScript" !-- var bsYear; var bsDate; var bsWeek; var arrLen=8; //数组长度 var sValue=0; //当年的秒数 var dayiy=0; //当年第几天 var miy=...

用JS实现的一个include函数

标签： Web开发

很多语言都有类似php中的include和require功能的函数，而唯独javascript没有。很早就想在js中实现类似的功能，尝试了很多次都没有成功，那天在google上搜索一些关于动态加载css文件的关键词时，发现一个blog（地址找不到了）上的一个为网页的head标签增加link元素的函数，于是就改了一下，写了这个函数。用法： include...

源码学习:一个简单的日历控件(3)

calendar.currentDate--; if(calendar.currentDate==0){ calendar.currentDate=12; calendar.currentDate[0]--; } calendar.show(calendar.target,calendar.currentDate[0]+"-"+calendar.currentDate+"-"+cale...

源码学习:一个简单的日历控件(6)

if(defaultDate==undefined || defaultDate==""){ var theDate=new Array(); calendar.head.innerText = calendar.today[0]+"-"+calendar.today+"-"+calendar.today; theDate[0]=calendar.today[0]; theDate=calendar.today; theDate=calendar.today; } &n...

源码学习:一个简单的日历控件(9)

this.getMonthLen=function(theYear, theMonth) { theMonth--; var oneDay = 1000 * 60 * 60 * 24; var thisMonth = new Date(theYear, theMonth, 1); var nextMonth = new Date(theYear, theMonth + 1, 1); var len = Math.ceil((nextMonth.getTime() - thisMonth.ge...

查看更多精彩>>