My97DatePicker日期时间插件

收藏

My97DatePicker是一款不基于jQuery的日期时间插件，12306官网日期选择正用的是这个插件。

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 30 积分

自定义事件

<input type="text" id="5421" onFocus="WdatePicker({onpicking: function(dp) {
if (!confirm('日期框原来的值为: ' + dp.cal.getDateStr() + ', 要用新选择的值:' + dp.cal.getNewDateStr() + '覆盖吗?'))return true;}})" class="Wdate"/>

日期选择联动

<p>选择第一个日期的时候,第二个日期选择框自动弹出</p>
<p>日期从:
    <input id="d5221" class="Wdate" type="text" onFocus="var d5222 = $dp.$('d5222');
            WdatePicker({onpicked: function() {
                    d5222.focus();
                }, maxDate: '#F{$dp.$D(\'d5222\')}'})"/>
    至
    <input id="d5222" class="Wdate" type="text" onFocus="WdatePicker({minDate: '#F{$dp.$D(\'d5221\')}'})"/>
</p>

将选择的值拆分到文本框

<input type="text" id="d523_y" size="5"/>
年
<input type="text" id="d523_M" size="3"/>
月
<input type="text" id="d523_d" size="3"/>
日
<input type="text" id="d523_HH" size="3"/>
时
<input type="text" id="d523_mm" size="3"/>
分
<input type="text" id="d523_ss" size="3"/>
秒
<input type="text" id="d523"/>
<img onclick="WdatePicker({el: 'd523', dateFmt: 'yyyy-MM-dd HH:mm:ss', onpicked: pickedFunc})" src="My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle" style="cursor:pointer"/>

function pickedFunc() {
        $dp.$('d523_y').value = $dp.cal.getP('y');
        $dp.$('d523_M').value = $dp.cal.getP('M');
        $dp.$('d523_d').value = $dp.cal.getP('d');
        $dp.$('d523_HH').value = $dp.cal.getP('H');
        $dp.$('d523_mm').value = $dp.cal.getP('m');
        $dp.$('d523_ss').value = $dp.cal.getP('s');
}

注意:el:'d523'中,如果你不需要d523这个框,你可以把他改成hidden,但是el属性必须指定

年月日改变时弹出信息

<input type="text" class="Wdate" id="d" onFocus="WdatePicker({dchanging: cDayFunc, Mchanging: cMonthFunc, ychanging: cYearFunc, dchanged: cDayFunc, Mchanged: cMonthFunc, ychanged: cYearFunc})"/>

function cDayFunc() {
    cFunc('d');
}
function cMonthFunc() {
    cFunc('M');
}
function cYearFunc() {
    cFunc('y');
}
function cFunc(who) {
    var str, p, c = $dp.cal;
    if (who == 'y') {
        str = '年份';
        p = 'y';
    } else if (who == 'M') {
        str = '月份';
        p = 'M';
    } else if (who == 'd') {
        str = '日期';
        p = 'd';
    }
    alert(str + '发生改变了!\n$dp.cal.date.' + p + '=' + c.date[p] + '\n$dp.cal.newdate.' + p + '=' + c.newdate[p]);
}