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之字符串变相相减的代码
Mar 19 PHP
php设计模式小结
Feb 15 PHP
PHP常用编译参数中文说明
Sep 27 PHP
php有道翻译api调用方法实例
Dec 22 PHP
phpQuery让php处理html代码像jQuery一样方便
Jan 06 PHP
PHPExcel内存泄漏问题解决方法
Jan 23 PHP
PHP利用hash冲突漏洞进行DDoS攻击的方法分析
Mar 26 PHP
最新制作ThinkPHP3.2.3完全开发手册
Nov 23 PHP
Yii2如何批量添加数据
May 17 PHP
php中strtotime函数性能分析
Nov 20 PHP
PHP7下协程的实现方法详解
Dec 17 PHP
在Laravel5中正确设置文件权限的方法
May 22 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中计算程序运行时间的类代码
2012/11/03 PHP
php动态实现表格跨行跨列实现代码
2012/11/06 PHP
PHP中大于2038年时间戳的问题处理方案
2015/03/03 PHP
php通过smtp邮件验证登陆的方法
2016/05/11 PHP
XHProf报告字段含义的解析
2016/05/17 PHP
php版微信小店调用api示例代码
2016/11/12 PHP
ThinkPHP5.1框架页面跳转及修改跳转页面模版示例
2019/05/06 PHP
JS控制阿拉伯数字转为中文大写示例代码
2013/09/04 Javascript
分享一个自己写的简单的javascript分页组件
2015/02/15 Javascript
详解JavaScript节流函数中的Throttle
2016/07/16 Javascript
Vue中使用vux的配置详解
2017/05/05 Javascript
AngularJS的ng-click传参的方法
2017/06/19 Javascript
vue.js的手脚架vue-cli项目搭建的步骤
2017/08/30 Javascript
vue微信分享 vue实现当前页面分享其他页面
2017/12/02 Javascript
angular2 ng2-file-upload上传示例代码
2018/08/23 Javascript
解决iview多表头动态更改列元素发生的错误的方法
2018/11/02 Javascript
用vscode开发vue应用的方法步骤
2019/05/06 Javascript
JavaScript剩余操作符Rest Operator详解
2019/07/20 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
2019/08/16 Javascript
使用JS location实现搜索框历史记录功能
2019/12/23 Javascript
[01:35]辉夜杯战队访谈宣传片—LGD
2015/12/25 DOTA
python 基础学习第二弹 类属性和实例属性
2012/08/27 Python
Python脚本实现代码行数统计代码分享
2015/03/10 Python
Python中字符串的格式化方法小结
2016/05/03 Python
python编写朴素贝叶斯用于文本分类
2017/12/21 Python
十个Python练手的实战项目,学会这些Python就基本没问题了(推荐)
2019/04/26 Python
flask 实现token机制的示例代码
2019/11/07 Python
python基于socket模拟实现ssh远程执行命令
2020/12/05 Python
使用canvas对多图片拼合并导出图片的方法
2018/08/28 HTML / CSS
丝芙兰波兰:Sephora.pl
2018/03/25 全球购物
远东集团网络工程师面试题
2014/10/20 面试题
物业经理求职自我评价
2013/09/22 职场文书
法人代表资格证明书
2015/06/18 职场文书
JavaScript 数组去重详解
2021/09/15 Javascript
django中websocket的具体使用
2022/01/22 Python
Mysql超详细讲解死锁问题的理解
2022/04/01 MySQL