开发中总会遇到需要js 调用日历的代码,不会写没问题,要知道,要会调用就ok,今天给大家介绍2款 js写的日历控件
第一款:Jquery DatePicker
基于jquery的 日历选择器,比较强大的功能,mac的skin ,我比较喜欢大方,功能简单,demo代码如下
<link href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css” rel=”stylesheet” type=”text/css” /><script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js”></script><script src=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js”></script><script>$(document).ready(function() {//配置picker的文本显示内容var pickerOpts = {changeMonth: true,changeYear: true,dateFormat: “yy-mm-dd”,dayNamesMin:[“一”,”二”,”三”,”四”,”五”,”六”,”日”],firstDay: 0,nextText: “下一月”,prevText: “上一月”,closeText: “关闭”,currentText: “今天”,monthNamesShort: [“一月”, “二月”, “三月”, “四月”, “五月”, “六月”, “七月”, “八月”, “九月”, “十月”, “十一月”, “十二月”],isRTL: false,showButtonPanel: true};//某个id渲染Picker类,并且加载初始化配置属性 pickeropts$(“#begintime”).datepicker(pickerOpts);});<input name=”begintime” type=”text” id=”begintime” value=”” />
更多介绍可以访问:
第二款: My97DatePicker
某人写的纯js的web应用轻量级控件库,可以修改各种皮肤等等.
调用代码如下:
<script language=”JavaScript” type=”text/javascript” src=”../../My97DatePicker/WdatePicker.js”></script>
<input id=”d12” type=”text”/>
<img onclick=”WdatePicker({el:‘d12’})” src=”../skin/datePicker.gif” width=”16″ height=”22″ align=”absmiddle”>
JQuery太棒了
听说百度对大量js的站予以一定的降权。。。
经常关注,发现原来博主是大牛,哈哈`
赞一个!
是在填表框的时候调用么???我刚开始还以为是放右侧的,汗!
真的不错,测试成功
支持下,很强大
问个问题,我每天手工采集二十篇文章对排名有没有好处啊?谢谢啊!
华丽的插入!~
整个日历放博客上不错。
百度LJ
写得不错,学习一下
呵呵,强行插入。呵呵
很不错的博客 内容很丰富 也希望博主能够回访 大家彼此交流一下
Make your life easier take the business loans and all you need.
谢谢,收下了