js实现form表单select里面的value值改变其他的input里面的时间日期也随之变化

<?php //date_default_timezone_set("PRC"); ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>录入-客户信息管理系统</title>
<link rel="stylesheet" type="text/css" href="css/hui.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />
<link rel="stylesheet" href="css/all.css">
<link rel="icon" type="image/png" sizes="96x96" href="img/favicon.png">

<body>
<header class="hui-header">
    <div id="hui-back"></div>
    <div class="header-title">新增跟踪记录</div>

</header>
<div class="hui-wrap">

    <form style="margin:10px 10px; margin-bottom:15px;" class="hui-form" id="form3" method="post" action="">
      
      <div class="hui-form-items">
          <div class="hui-form-items-title">联系内容</div>
          <div class="hui-form-textarea">
              <textarea placeholder="本次联系内容..." name="content"></textarea>
          </div>
      </div>
      <div class="hui-form-items">
          <div class="hui-form-items-title">跟踪周期</div>
          <div class="hui-form-select">
              <select name="mzhouqi"  id="select">
                  <option value="1"  >1天</option>
                  <option value="3" >3天</option>
                  <option value="5"  >5天</option>
                  <option value="7" >7天</option>
                  <option value="10"  >10天</option>
                  <option value="15"  >15天</option>
              </select>
          </div>
      </div>
      <p id="xianshi"></p>
      <div class="hui-form-items">
          
          <div class="hui-form-items-title">下次回访时间</div>
          <?php
          $today=time();
            $tdate = date("Y-m-d H:i:s",$today);
            $tro = strtotime("$tdate+3 days");
            $datt= date("Y-m-d H:i:s",$tro);

          ?>
         
         <input type="text" id="cdata" class="hui-button hui-button-large hui-date-picker"  name="othertime" readonly unselectable="on" value="<?php echo $datt;?>"/>
         
         </div>
  


      <div style="padding:10px; padding-top:10px;">
        <input id="submitBtn3" type="submit" class="hui-button hui-button-large hui-primary" value="提交数据"></div>
    </form>

</div>    

<script type="text/javascript" src="js/hui.js"></script>
<script src="js/hui-select-beautify.js" type="text/javascript" charset="utf-8"></script>
<script src="js/hui-star.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.min.js"></script>
<script>
$("#select").change(function(){
  var Dtate =  Date.parse(new Date())/1000;
  var days = $("#select").val();
  days=days*24*60*60;
  var Zdate=Dtate+days;
  function addDate(timestamp) {
       var date = new Date(timestamp * 1000);
        var Y = date.getFullYear() + '-';
        var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
        var D = (date.getDate() < 10 ? '0'+(date.getDate()) : date.getDate());
        var h = (date.getHours() < 10 ? '0'+(date.getHours()) : date.getHours()) + ':';
        var m = (date.getMinutes() < 10 ? '0'+(date.getMinutes()) : date.getMinutes()) + ':';
        var s = (date.getSeconds() < 10 ? '0'+(date.getSeconds()) : date.getSeconds());
        return Y+M+D+' '+h+m+s;  
    }
  var newDate = addDate(Zdate);
  $('#cdata').val(newDate);
   // console.log(newDate);
})

</script>

</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值