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 相关文章推荐
对联广告js flash激活
Oct 19 Javascript
用Javascript数组处理多个字符串的连接问题
Aug 20 Javascript
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
Aug 14 Javascript
Javascript中call和apply函数的比较和使用实例
Feb 03 Javascript
javaScript实现滚动新闻的方法
Jul 30 Javascript
jQuery入门基础知识学习指南
Aug 14 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
Feb 05 Javascript
Vue动态组件实例解析
Aug 20 Javascript
使用百度地图实现地图网格的示例
Feb 06 Javascript
Vue Prop属性功能与用法实例详解
Feb 23 Javascript
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
Jul 25 Javascript
JS+CSS实现炫酷光感效果
Sep 05 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实现12306余票查询、价格查询示例
2014/04/17 PHP
ThinkPHP3.1新特性之字段合法性检测详解
2014/06/19 PHP
php发送html格式文本邮件的方法
2015/06/10 PHP
PHP实现求两个字符串最长公共子串的方法示例
2017/11/17 PHP
PHP实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
Yaf框架封装的MySQL数据库操作示例
2019/03/06 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
快速保存网页中所有图片的方法
2006/06/23 Javascript
用JS操作FRAME中的IFRAME及其内容的实现代码
2008/07/26 Javascript
该如何加载google-analytics(或其他第三方)的JS
2010/05/13 Javascript
JavaScript 异常处理 详解
2015/02/06 Javascript
javascript中定义类的方法详解
2015/02/10 Javascript
javascript框架设计之种子模块
2015/06/23 Javascript
jQuery实现向下滑出的二级菜单效果实例
2015/08/22 Javascript
原生js和jquery分别实现横向导航菜单效果
2016/05/13 Javascript
有关文件上传 非ajax提交 得到后台数据问题
2016/10/12 Javascript
js学习笔记之事件处理模型
2016/10/31 Javascript
详解EasyUi控件中的Datagrid
2017/08/23 Javascript
Angularjs自定义指令实现分页插件(DEMO)
2017/09/16 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
微信小程序实现锚点跳转
2020/11/23 Javascript
python文件读写并使用mysql批量插入示例分享(python操作mysql)
2014/02/17 Python
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
python验证码识别的实例详解
2016/09/09 Python
Python模拟鼠标点击实现方法(将通过实例自动化模拟在360浏览器中自动搜索python)
2017/08/23 Python
python pandas写入excel文件的方法示例
2019/06/25 Python
详解如何用TensorFlow训练和识别/分类自定义图片
2019/08/05 Python
Python Pandas对缺失值的处理方法
2019/09/27 Python
Python Selenium 设置元素等待的三种方式
2020/03/18 Python
利用jupyter网页版本进行python函数查询方式
2020/04/14 Python
python 实现弹球游戏的示例代码
2020/11/17 Python
css3 flex实现div内容水平垂直居中的几种方法
2020/03/27 HTML / CSS
意大利咖啡、浓缩咖啡和浓缩咖啡机:illy caffe
2019/03/20 全球购物
个人现实表现材料
2014/02/04 职场文书
技术入股合作协议书
2016/03/21 职场文书
2019年教师节祝福语精选,给老师送上真诚的祝福
2019/09/09 职场文书