【JavaScript学习】之My97DatePicker日期选择库

在HTML5前台前面设计中，经常会用到日期选择，如生日填写、计算时间等等，这里介绍My97DatePicker日期选择工具，他很方便的可以选择日期。他的官方网站是 http://www.my97.net/（免费下载的）

基本结构

My97DatePicker工具的核心文件是一个js代码（WdatePicker.js），所以我们如果在HTML使用它的话，必须在HTML文件中引入。如下：

        <script type="text/javascript" src='./My97DatePicker/WdatePicker.js'></script>

使用

一般使用方法

img，div input等标签触发WdatePicker函数来调用弹出日期框

// 文本输入框调用弹出日期框         
    <input id="d11" type="text"onClick="WdatePicker()"/>

// 图标触发 
<input id="d12" type="text"/>
<img onclick="WdatePicker({el:'d12'})" src="../skin/datePicker.gif" width="16" height="22" align="absmiddle">

// 注意:只需要传入控件的id即可

//周显示
<input id="d121" type="text" onclick="WdatePicker({isShowWeek:true})"/>

// 清空按钮和今天按钮,可以根据需要进行自定义,它们分别对应 isShowClear 和 isShowToday 默认值都是true
<input class="Wdate" type="text" id="d15" onclick="WdatePicker({isShowClear:false,readOnly:true})"/>
// 设置显示日期格式(年-月-日)
<input id="d11" type="text"onClick="WdatePicker({DateFmt:'yyyy-MM-dd'})"/>