【javascript学习指南】JavaScript插件jsDatePick日期插件使用教程

【www.bbyears.com--js教程】

jsDatePick是一个免费的日期选择JavaScript插件，一个日历控件弹出层，可以用到网页上也可以用在网页的APP上，jsdatepick是一个JavaScript日期选择器，使用DOM技术生成的HTML代码。阅读下面的例子和文档，在几分钟内，你可以在你的网站有一个弹出式日期选择的解决方案。

阅读下面的参数的完整的文档，并下载jsdatepick。我们开发了jsdatepick作为自定义日期选择模块为我们的网络资金管理软件-检查出来，如果你喜欢。

所有参数

useMode (Integer) ? 可能的值是1和2，如下：
1 ? 日历的HTML将被直接添加到由目标领域
2 ? 日历将显示为一个弹出时，在目标提供的ID字段被点击。
target (String) ? 该领域的ID将日历，通常一个文本输入字段的使用模式2时。
isStripped (Boolean) ? 当设置为true的日历显示没有视觉设计与常用的模式1
selectedDate (Object) ? 当提供的，这个对象告诉日历打开这个日期选择已经。
yearsRange (Array) ? 当供给，这阵的限制设置为该年的日历功能。
limitToToday (Boolean) ? 允许你限制了可能的采收期为今天的日期。
cellColorScheme (String) ? 使您可以互换的范围广泛的颜色的日期的细胞的颜色。
可用的颜色方案：
aqua
armygreen
bananasplit
beige
deepblue
greenish
lightgreen
ocean_blue ? 如果你选择不提供cellcolorscheme可变的日历将默认颜色。
orange
peppermint
pink
purple
torqoise

简单的JavaScript日历日期

这是对jsdatepick日历实例在行动与输入场用户启动日历输入输入字段，然后选择一个日期，自动返回选定的日期字段。这是一个JavaScript日历上最基本的使用。

< script>

new JsDatePick({

    useMode:2,

    target:"aFieldId"

});

< /script>

完整的详细配置

jsdatepick拥有一系列的扩展或限制的默认功能参数。查看完整参数列表上面的完整列表。下面的声明显示，究竟什么是可能的。

< script>

new JsDatePick({

    useMode:2,

    target:"aFieldId",        

    isStripped:false,

    selectedDate:{

        year:2009,

        month:4,

        day:16

    },

    yearsRange: new Array(1971,2100),

    limitToToday:true,

});

< /script>

直接添加HTML的例子

这是一个HTML直接添加jsdatepick日历的例子。当使用这种方法，建议保持参考为JavaScript对象检索选定的日期后，当日历点击。这是通过设置一个函数的定义onselected事件处理程序，使用方法JsDatePick.setOnSelectedDelegate (function(){ alert(“a date has been chosen!”); });

<script>

g_calendarObject = new JsDatePick({

    useMode:1,

    isStripped:true,

    target:"aFieldId",

  cellColorScheme:"armygreen"

});

g_calendarObject.setOnSelectedDelegate(function(){

    var obj = g_calendarObject.getSelectedDay();

    alert("a date was just selected and the date is : " + obj.day + "/" + obj.month + "/" + obj.year);

});

< /script>

一个div代表例细胞设置日历。

本文来源：http://www.bbyears.com/wangyezhizuo/74244.html