Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/397.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在下面创建一个网页,以存储(set)和#xFF0C;获取和删除数据:_Javascript_Jquery - Fatal编程技术网

Javascript 在下面创建一个网页,以存储(set)和#xFF0C;获取和删除数据:

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&

我正在创建一个使用jQuery.data()传递数据的网页,在其中一个按钮中,我希望它存储并显示“Todays date is Todays date and time”,我正在努力存储和显示用户单击设置信息到今天日期的日期和时间。我知道您需要JavaScript来显示日期和时间,但当我添加时,这使得整个代码无法工作。有什么建议吗

  <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);