PHP 年月日的三级联动实例代码


Posted in PHP onMay 24, 2017

年月日的三级联动

<input type="text" id="hs"> <input type="button" id="btn" value="提交">
<span id="rent"></span>

这个年月日的三级联动 主要是用的select标签

var str = "<select id='year'></select>  <select id='month'>" +
    "</select>  <select id='day'></select>";
  $("#rent").html(str);

  fullyear();
  fullmonth();
  fullday();

  //当其中一个改变,后面的要跟着改变

  $("#year").change(function(){

    fullday();
  });
  $("#month").change(function(){

    fullday();
  });


  function fullyear()

  {
    var d = new Date();
    var year = d.getFullYear();
    str ="";
    for(var i=year-5;i<year+6;i++)
    {
      if(i==year)
      {
        str += "<option selected='selected' value='"+i+"'>"+i+"</option>";
      }
      else {
        str +="<option value='"+i+"'>"+i+"</option>"
      }
    }
    $("#year").html(str);
  }

  function fullmonth()
  {
    var d = new Date();
    var month = d.getMonth()+1;
    str ="";
    for(var j=1;j<13;j++)
    {
      if(j==month)
      {
        str += "<option selected='selected' value='"+j+"'>"+j+"</option>";
      }
      else {
        str +="<option value='"+j+"'>"+j+"</option>"
      }
    }
    $("#month").html(str);

  }

  function fullday()
  {
    var d = new Date();
    var day = d.getDate();
    var year=$("#year").val();
    var month=$("#month").val();
    var rq=31;
    str ="";
    if(month==4|| month==6|| month==9|| month===11)
    {
      rq=30;
    }
    else if(month==2)
    {
      if(year%4==0 && year%100!=0 || year%400==0)
      {
        rq=29;//闰年
      }
      else{
        rq=28; //不是闰年
      }
    }
    for(var n=1;n<rq+1;n++)
    {
      if(n==day)
      {
        str +="<option selected='selected' value='"+n+"'>"+n+"</option>";
      }
      else
      {
        str +="<option value='"+n+"'>"+n+"</option>";
      }
    }

    $("#day").html(str);

  } //到这里就完成了下拉列表的内容了,下一步要做的是把内容存到表单中
$("#btn").click(function(){
 var nian=$("#year").val();
 var yue=$("#month").val();
 var ri=$("#day").val();

var time=nian+"-"+yue+"-"+ri+"";

 $("#hs").val(time)


})

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

PHP 相关文章推荐
如何把PHP转成EXE文件
Oct 09 PHP
PHP中通过ADO调用Access数据库的方法测试不通过
Dec 31 PHP
php文件怎么打开 如何执行php文件
Dec 21 PHP
php 注释规范
Mar 29 PHP
codeigniter上传图片不能正确识别图片类型问题解决方法
Jul 25 PHP
php+mysql数据库实现无限分类的方法
Dec 12 PHP
PHP工程师VIM配置分享
Dec 15 PHP
PHP的时间戳与具体时间转化的简单实现
Jun 13 PHP
yii2 RBAC使用DbManager实现后台权限判断的方法
Jul 23 PHP
PHPMailer使用QQ邮箱实现邮件发送功能
Aug 18 PHP
PHP实现APP微信支付的实例讲解
Feb 10 PHP
TP5框架简单登录功能实现方法示例
Oct 31 PHP
php验证码生成器
May 24 #PHP
php批量修改表结构实例
May 24 #PHP
php 人员权限管理(RBAC)实例(推荐)
May 24 #PHP
老生常谈PHP面向对象之命令模式(必看篇)
May 24 #PHP
php实现查询功能(数据访问)
May 23 #PHP
php批量删除操作(数据访问)
May 23 #PHP
[原创]PHP正则删除html代码中a标签并保留标签内容的方法
May 23 #PHP
You might like
php socket通信(tcp/udp)实例分析
2016/02/14 PHP
PHP排序算法之简单选择排序(Simple Selection Sort)实例分析
2018/04/20 PHP
在TP5数据库中四个字段实现无限分类的示例
2019/10/18 PHP
js href的用法
2010/05/13 Javascript
JS滚轮事件onmousewheel使用介绍
2013/11/01 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
2013/11/05 Javascript
document.forms用法示例介绍
2014/06/26 Javascript
PHP中CURL的几个经典应用实例
2015/01/23 Javascript
js淡入淡出焦点图幻灯片效果代码分享
2015/09/08 Javascript
JS不完全国际化&amp;本地化手册 之 理论篇
2016/09/27 Javascript
js仿微信公众平台打标签功能
2017/04/08 Javascript
JS实现仿饿了么在浏览器标签页失去焦点时网页Title改变
2017/06/01 Javascript
AngularJS监听ng-repeat渲染完成的方法
2018/03/20 Javascript
Vue2 轮播图slide组件实例代码
2018/05/31 Javascript
小程序点赞收藏功能的实现代码示例
2018/09/07 Javascript
js实现一个简易计算器
2020/03/30 Javascript
Node.js系列之安装配置与基本使用(1)
2019/08/30 Javascript
js获取 gif 的帧数的代码实例
2019/09/10 Javascript
JS中的const命令你真懂它吗
2020/03/08 Javascript
python处理大数字的方法
2015/05/27 Python
python的else子句使用指南
2016/02/27 Python
python安装cx_Oracle模块常见问题与解决方法
2017/02/21 Python
Python实现的爬虫功能代码
2017/06/24 Python
sklearn+python:线性回归案例
2020/02/24 Python
10个顶级Python实用库推荐
2021/03/04 Python
HTML5 Canvas的事件处理介绍
2015/04/24 HTML / CSS
世界顶级户外运动品牌折扣网站:LeftLane Sports
2019/06/12 全球购物
Servlet的实例是在生命周期什么时候创建的?配置servlet最重要的是什么?
2012/05/30 面试题
党员干部公开承诺书
2014/03/26 职场文书
技术岗位竞聘演讲稿
2014/05/16 职场文书
小学生环保标语
2014/06/13 职场文书
2014市国税局对照检查材料思想汇报
2014/09/23 职场文书
2014年政风行风评议工作总结
2014/10/21 职场文书
三年级学生期末评语
2014/12/26 职场文书
浅谈Python类的单继承相关知识
2021/05/12 Python
vscode内网访问服务器的方法
2022/06/28 Servers