100830 2款日历选择器-AJ's Blog

开发中总会遇到需要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 帮助页面