安静
PHP技术博客

100830 2款日历选择器

开发中总会遇到需要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=”” />

更多介绍可以访问:

jQuery DatePicker笔记

第二款: 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”>

My97DatePicker 帮助页面

赞(0) 打赏
未经允许不得转载:AJ's Blog » 100830 2款日历选择器
分享到: 更多 (0)

评论 16

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    JQuery太棒了

    非凡资讯10年前 (2010-08-30)
  2. #-48

    听说百度对大量js的站予以一定的降权。。。

    郑州seo10年前 (2010-08-31)
  3. #-47

    经常关注,发现原来博主是大牛,哈哈`

    qq说说10年前 (2010-08-31)
  4. #-46

    赞一个!

    精美图片网10年前 (2010-08-31)
  5. #-45

    是在填表框的时候调用么???我刚开始还以为是放右侧的,汗!

    zen cart10年前 (2010-08-31)
  6. #-44

    真的不错,测试成功

    石家庄SEO10年前 (2010-08-31)
  7. #-43

    支持下,很强大

    电脑10年前 (2010-08-31)
  8. #-42

    问个问题,我每天手工采集二十篇文章对排名有没有好处啊?谢谢啊!

    合肥网站建设10年前 (2010-09-01)
  9. #-41

    华丽的插入!~

    当叼娱乐10年前 (2010-09-01)
  10. #-40

    整个日历放博客上不错。

    小酷10年前 (2010-09-01)
  11. #-39

    百度LJ

    非凡资讯10年前 (2010-09-01)
  12. #-38

    写得不错,学习一下

    小说在线阅读10年前 (2010-09-02)
  13. #-37

    呵呵,强行插入。呵呵

    很嗨音乐10年前 (2010-09-02)
  14. #-36

    很不错的博客 内容很丰富 也希望博主能够回访 大家彼此交流一下

    very10年前 (2010-09-03)
  15. #-35

    Make your life easier take the business loans and all you need.

    KarenMay2410年前 (2010-09-21)
  16. #-34

    谢谢,收下了

    七十二变时尚屋10年前 (2010-10-14)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏