博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery教程实例-年月日的级联菜单
阅读量:6416 次
发布时间:2019-06-23

本文共 1926 字,大约阅读时间需要 6 分钟。

1, 首先构建该JQuery教程实例中的index.html文件。代码如下:

            JQuery实例 - 生成年月日        

2、Calender.js文件:

$('document').ready(function(){    /*     * 生成级联菜单     */    var i=1945;    var date = new Date();    year = date.getFullYear();//获取当前年份    var dropList;    for(i;i<2012;i++){        if(i == year){            dropList = dropList + "";        }else{            dropList = dropList + "";        }    }    $('select[name=year]').html(dropList);//生成年份下拉菜单    var monthly;    for(month=1;month<13;month++){        monthly = monthly + "";    }    $('select[name=month]').html(monthly);//生成月份下拉菜单    var dayly;    for(day=1;day<=31;day++){        dayly = dayly + "";    }    $('select[name=day]').html(dayly);//生成天数下拉菜单    /*     * 处理每个月有多少天---联动     */    $('select[name=month]').change(function(){        var currentDay;        var Flag = $('select[name=year]').val();        var currentMonth = $('select[name=month]').val();        switch(currentMonth){            case "1" :            case "3" :            case "5" :            case "7" :            case "8" :            case "10" :            case "12" :total = 31;break;            case "4" :            case "6" :            case "9" :            case "11" :total = 30;break;            case "2" :                if((Flag%4 == 0 && Flag%100 != 0) || Flag%400 == 0){                    total = 29;                }else{                    total = 28;                }            default:break;        }        for(day=1;day <= total;day++){            currentDay = currentDay + "";        }        $('select[name=day]').html(currentDay);//生成日期下拉菜单        })})

原文地址:http://www.phpfuns.com/scripts/jquery/jquery-calender-examples.shtml

转载地址:http://hcpra.baihongyu.com/

你可能感兴趣的文章
Windows不能用鼠标双击运行jar文件怎么
查看>>
GBK与UTF-8的区别
查看>>
java获取指定字符串的下一个
查看>>
多行数据提交到Struts的ActionForm的List属性中
查看>>
理解RESTful架构
查看>>
Linux自动压缩备份目录文件与恢复
查看>>
Android 图片相关整理
查看>>
IOS中的音频视频处理
查看>>
EntityManager使用方法
查看>>
MySQL LOAD DATA 多文件入库
查看>>
OC内存管理(ARC)--多对象内存管理
查看>>
面向对象1
查看>>
设计模式----命令模式
查看>>
Android 数据绑定框架DataBinding,堪称解决界面逻辑的黑科技
查看>>
Android studio使用心得(九)------如何设置项目编码
查看>>
正则表达式详解
查看>>
与元素类型 "bean" 相关联的属性 "p:host-name" 的前缀 "p" 未绑定
查看>>
sql命令(三)-操作数据表中的记录
查看>>
用Go-SQL-Driver访问mysql数据库
查看>>
textview和editview 中drawableleft图片大小控制
查看>>