javascript - 我想更改 DIV 区域 当日期更改时

标签 javascript date jquery-animate

实际上,我正在尝试在日期更改时更改 DIV 内容..

我可以通过animate function()更改Div内容。

但是我无法应用它,因为日期已更改...T.T

这是我的代码。

<!DOCTYPE html>
 <html>
   <head>
  <meta charset="UTF-8">
   <title>Insert title here</title>
  <link rel="stylesheet" type="text/css" href="css/reset.css">
   <script src="js/jquery-1.12.2.min.js"></script>

<style>
 .stick{
 background :cyan;
 width:0px; height:20px 
 }

<body>
<div class="stick"></div> 
</body>

<script>
 var d = new Date(); 
 //d.getDate().. what function should I use?
  $(".stick").animate({width:"+=10"}); //here is ok   
  </script>
  </html>

最佳答案

尝试一下它的工作原理:

HTML:

<input type="date" name="date" id="date"/>
<div class="stick"></div>

JS:

var d = $('#date').change(function(){   
$(".stick").animate({width:"+=10"}); 
}); 

CSS:

.stick{ 
background :cyan; width:0px; height:20px 
} 

Jsfiddle: https://jsfiddle.net/w5ur8w2u/

关于javascript - 我想更改 DIV 区域 当日期更改时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36378656/

相关文章:

javascript - 使用 jQuery 调整表列大小

javascript - 在WordPress的Youtube Player中包含跳至特定时间的链接

javascript - 隐藏 3 列并将其中一列扩展为 100% 行时的 jQuery 过渡效果

点击时的 Jquery 动画

javascript - 延迟执行jQuery中的回调函数

javascript - 下面的代码中,为什么会提示 "OUCH"?

javascript - 从数组中获取ID,存储它并在本地删除它

javascript - 使用 JavaScript 解析时间

regex - 谷歌表格: convert string to date

sql - 扩大两个日期之间的月份