jQuery时间日期三级联动(推荐)


Posted in Javascript onNovember 27, 2016

废话不多说了,直接给大家贴js代码了,具体代码如下所述:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <script src="js/jquery-1.7.2.min.js"></script>
  <title></title>
</head>
<body>
  <form id="form1" runat="server">
  <div>
    <asp:DropDownList ID="dr_year" runat="server"></asp:DropDownList>年
    <asp:DropDownList ID="dr_month" runat="server"></asp:DropDownList>月
    <asp:DropDownList ID="dr_day" runat="server"></asp:DropDownList>日
  </div>
  </form>
</body>
</html>
<script>
  var days = 0;
  years();
  months();
  Days();
  var date = new Date();
  $("#dr_year").val(date.getFullYear());
  $("#dr_month").val((date.getMonth() + 1));
  $("#dr_day").val(date.getDate());
  $("#dr_year").change(function () {
    months();
    Days();
  });
  $("#dr_month").change(function () {
    Days();
  });
  function years()
  {
    for(var i=1900;i<=2100;i++)
    {
      var str = "<option value=\"" + i + "\">" + i+ "</option>";
      $("#dr_year").append(str);
    }
  }
  function months() {
    $("#dr_month").empty();
    for (var i = 1; i <= 12; i++) {
      var str = "<option value=\"" + i + "\">" + i + "</option>";
      $("#dr_month").append(str);
    }
  }
  function Days() {
    $("#dr_day").empty();
    if (parseInt($("#dr_month").val()) == 1 || parseInt($("#dr_month").val()) == 3 || parseInt($("#dr_month").val()) == 5 || parseInt($("#dr_month").val()) == 7 || parseInt($("#dr_month").val()) == 8 || parseInt($("#dr_month").val()) == 10 || parseInt($("#dr_month").val()) == 12) {
      days = 31;
    }
    else if (parseInt($("#dr_month").val()) == 4 || parseInt($("#dr_month").val()) == 6 || parseInt($("#dr_month").val()) == 9 || parseInt($("#dr_month").val()) == 11) {
      days = 30;
    }
    else {
      if (parseInt($("#dr_year").val()) % 400 == 0 || (parseInt($("#dr_year").val()) % 4 == 0 && parseInt($("#dr_year").val()) % 100 != 0)) {
        days = 29;
      }
      else {
        days = 28;
      }
    }
    for (var i = 1; i <= days; i++) {
      var str = "<option value=\"" + i + "\">" + i + "</option>";
      $("#dr_day").append(str);
    }
  }
</script>

以上所述是小编给大家分享的jQuery时间日期三级联动效果,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
一段效率很高的for循环语句使用方法
Aug 13 Javascript
javascript flash下fromCharCode和charCodeAt方法使用说明
Jan 12 Javascript
JS自动缩小超出大小的图片
Oct 12 Javascript
JS实现静止元素自动移动示例
Apr 14 Javascript
JavaScript中的getDay()方法使用详解
Jun 09 Javascript
canvas绘制七巧板
Feb 03 Javascript
AngularJS执行流程详解
Feb 17 Javascript
微信小程序 图片上传实例详解
May 05 Javascript
vue params、query传参使用详解
Sep 12 Javascript
使用webpack3.0配置webpack-dev-server教程
May 29 Javascript
JS实现移动端点击按钮复制文本内容
Jul 28 Javascript
JS如何操作DOM基于表格动态展示数据
Oct 15 Javascript
Jquery 整理元素选取、常用方法一览表
Nov 26 #Javascript
jQuery插件扩展实例【添加回调函数】
Nov 26 #Javascript
JS扩展类,克隆对象与混合类实例分析
Nov 26 #Javascript
JS自定义混合Mixin函数示例
Nov 26 #Javascript
JS克隆,属性,数组,对象,函数实例分析
Nov 26 #Javascript
JS匿名函数类生成方式实例分析
Nov 26 #Javascript
正则表达式替换html元素属性的方法
Nov 26 #Javascript
You might like
php 提速工具eAccelerator 配置参数详解
2010/05/16 PHP
Laravel 5框架学习之路由、控制器和视图简介
2015/04/07 PHP
PHP中curl_setopt函数用法实例分析
2015/04/16 PHP
详解php语言最牛掰的Laravel框架
2017/11/20 PHP
PHP设计模式(八)装饰器模式Decorator实例详解【结构型】
2020/05/02 PHP
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
2011/09/26 Javascript
简单实用的全选反选按钮例子
2013/10/18 Javascript
nodejs中使用monk访问mongodb
2014/07/06 NodeJs
DOM基础教程之使用DOM控制表格
2015/01/20 Javascript
jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
2015/08/26 Javascript
AngularJS基础 ng-keyup 指令简单示例
2016/08/02 Javascript
jQuery过滤选择器经典应用
2016/08/18 Javascript
原生JS实现匀速图片轮播动画
2016/10/18 Javascript
jquery判断页面网址是否有效的两种方法
2016/12/11 Javascript
JavaScript实现兼容IE6的收起折叠与展开效果实例
2017/09/20 Javascript
还不懂递归?读完这篇文章保证你会懂
2018/07/29 Javascript
CryptoJS中AES实现前后端通用加解密技术
2018/12/18 Javascript
[44:15]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第二局
2016/03/06 DOTA
Python之reload流程实例代码解析
2018/01/29 Python
Python输出由1,2,3,4组成的互不相同且无重复的三位数
2018/02/01 Python
Django跨域请求问题的解决方法示例
2018/06/16 Python
tensorflow 恢复指定层与不同层指定不同学习率的方法
2018/07/26 Python
基于随机梯度下降的矩阵分解推荐算法(python)
2018/08/31 Python
python用win32gui遍历窗口并设置窗口位置的方法
2019/07/26 Python
Python 实现try重新执行
2019/12/21 Python
python数据库编程 Mysql实现通讯录
2020/03/27 Python
python 发送邮件的示例代码(Python2/3都可以直接使用)
2020/12/03 Python
StubHub美国:购买或出售您的门票
2019/07/09 全球购物
链表面试题-一个链表的结点结构
2015/05/04 面试题
UNIX文件类型
2013/08/29 面试题
环境工程与管理大学毕业生求职信
2013/10/02 职场文书
如何填写个人简历自我评价
2013/12/10 职场文书
竞选演讲稿范文大全
2014/05/12 职场文书
2016父亲节感恩话语
2015/12/09 职场文书
2016幼儿教师自荐信范文
2016/01/28 职场文书
win10重装系统后上不了网怎么办 win10重装系统网络故障的解决办法
2022/07/23 数码科技