Javascript 在下面创建一个网页,以存储(set)和#xFF0C;获取和删除数据:
我正在创建一个使用jQuery.data()传递数据的网页,在其中一个按钮中,我希望它存储并显示“Todays date is Todays date and time”,我正在努力存储和显示用户单击设置信息到今天日期的日期和时间。我知道您需要JavaScript来显示日期和时间,但当我添加时,这使得整个代码无法工作。有什么建议吗Javascript 在下面创建一个网页,以存储(set)和#xFF0C;获取和删除数据:,javascript,jquery,Javascript,Jquery,我正在创建一个使用jQuery.data()传递数据的网页,在其中一个按钮中,我希望它存储并显示“Todays date is Todays date and time”,我正在努力存储和显示用户单击设置信息到今天日期的日期和时间。我知道您需要JavaScript来显示日期和时间,但当我添加时,这使得整个代码无法工作。有什么建议吗 <meta charset="utf-8"> <title>data demo</title> <style&
<meta charset="utf-8">
<title>data demo</title>
<style>
div {
margin: 5px;
background: yellow;
}
button {
margin: 5px;
font-size: 14px;
}
p {
margin: 5px;
color: blue;
}
span {
color: red;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
数据演示
div{
保证金:5px;
背景:黄色;
}
钮扣{
保证金:5px;
字体大小:14px;
}
p{
保证金:5px;
颜色:蓝色;
}
跨度{
颜色:红色;
}
A div
从部门获取“信息”
将“信息”设置为“你好,欢迎来到问题4”
将“info”设置为今天的日期//按钮显示日期和时间
从div中删除“info”
此div的“info”值为
$(“按钮”)。单击(函数(){
var值;
开关($(“按钮”).索引(此)){
案例0:
值=$(“div”).数据(“信息”);
打破
案例1:
$(“div”).data(“info”,“您好,欢迎来到问题4”);
value=“存储”;
打破
案例2:
$(“div”).data(“info”,“今天的日期是”);//显示日期和时间
var today=新日期();
var date=today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
var time=today.getHours()+“:“+today.getMinutes()+”:“+today.getSeconds();
var CurrentDateTime=date+“”+time;//显示日期和时间
value=“存储”;
打破
案例3:
$(“div”).removeData(“信息”);
value=“已删除!”;
打破
}
$(“span”).text(“+”值);
});
在您的
切换案例中
对于索引2,您需要与日期串联。您的代码应该是这样的
$("div").data("info", 'Today date is '+CurrentDateTime);
演示
$(“按钮”)。单击(函数(){
var值;
开关($(“按钮”).索引(此)){
案例0:
值=$(“div”).数据(“信息”);
打破
案例1:
$(“div”).data(“info”,“您好,欢迎来到问题4”);
value=“存储”;
打破
案例2:
var today=新日期();
var date=today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
var time=today.getHours()+“:“+today.getMinutes()+”:“+today.getSeconds();
var CurrentDateTime=date+“”+time;//显示日期和时间
$(“div”).data(“info”,今天的日期是“+CurrentDateTime”);//显示日期和时间
value=“存储”;
打破
案例3:
$(“div”).removeData(“信息”);
value=“已删除!”;
打破
}
$(“span”).text(“+”值);
});代码>
div{
保证金:5px;
背景:黄色;
}
钮扣{
保证金:5px;
字体大小:14px;
}
p{
保证金:5px;
颜色:蓝色;
}
跨度{
颜色:红色;
}
潜水艇
从部门获取“信息”
将“信息”设置为“你好,欢迎来到问题4”
将“信息”设置为今天的日期
从div中删除“info”
此div的“info”值为?
“使整个代码不工作”不是正确的问题描述。发生了什么或没有发生什么?浏览器控制台中抛出了哪些错误?似乎OP对JS@charlietfl来说可能是新的。要在浏览器控制台中查看错误,请按f12,然后在新框的顶部导航到控制台并阅读其中的内容。
$("div").data("info", 'Today date is '+CurrentDateTime);