gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 07:17:05 24 4
gpt4 key购买 nike

实际上,我正在尝试在日期更改时更改 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com