vue如何利用单击事件输出当前时间？

发布网友发布时间：2022-03-24 16:46

共4个回答

懂视网时间：2022-03-24 21:07

vue设置时间的方法如下：
　　
　　1、首先在手机上找到VUE视频，点击打开。
　　
　　2、进入后可以看到界面中，默认是4段，10秒，下方红色的是拍摄按钮。
　　
　　3、当需要修改时，点击视频设置。
　　
　　4、选择设置时长以及分段数即可。
　　
　　VUE 是 iOS 和 Android 平台上的一款 Vlog 社区与编辑工具，允许用户通过简单的操作实现 Vlog 的拍摄、剪辑、细调、和发布，记录与分享生活。还可以在社区直接浏览他人发布的Vlog，与Vloggers互动。用户过亿之后，VUE转向Vlog社区成立三年的VUE给人的印象是低调而缓慢。2016年3月成立，VUE一直安安静静扮演着一个视频工具的角色，一路拿到了真格基金、贝塔斯曼、九合创投、愉悦资本等机构的投资，到2019年，总安装用户突破1亿，获得App Store超过120个国家首页推荐。

热心网友时间：2022-03-24 18:15

第一步，创建静态页面von.html，并引入vue.js关键的核心js文件，如下图所示：

第二步，在主题元素下插入div标签元素，并在其中插入一个input输入框和一个按钮，利用v-on指令绑定点击事件queryDate，如下图所示：

第三步，在div标签下方编写vue.js点击事件，事件是获取当前日期，如下图所示：

第四步，为了让输入框和按钮有间距，这里设置body元素样式，如下图所示：

第五步，预览该静态页面，然后点击按钮，发现输入框没有值，调试下发现错误，缺少jquery核心js文件，如下图所示：

第六步，引入jquery核心js文件后再次预览页面，并单击按钮，这时日期就显示在输入框

热心网友时间：2022-03-24 19:33

网页

<html>
<script>
//获取当前时间
function getNowFormatDate() {
var date = new Date();
var seperator1 = "-";
var year = date.getFullYear();
var month = date.getMonth() + 1;
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
var currentdate = year + seperator1 + month + seperator1 + strDate;
return currentdate;
}
//获取当前日期时间
function curentTime()
{
var now = new Date();

var year = now.getFullYear(); //年
var month = now.getMonth() + 1; //月
var day = now.getDate(); //日

var hh = now.getHours(); //时
var mm = now.getMinutes(); //分
var ss = now.getSeconds(); //分

var clock = year + "-";

if(month < 10)
clock += "0";

clock += month + "-";

if(day < 10)
clock += "0";

clock += day + " ";

if(hh < 10)
clock += "0";

clock += hh + ":";
if (mm < 10)
clock += '0';
clock += mm + ":";

if (ss < 10)
clock += '0';
clock += ss;
return clock;
}

//定时执行setTime
setInterval("setTime()",1000);

//将id为currentTime的div更新为最新时间
function setTime(){
$('#currentTime').html(curentTime());
}
</script>

<p>我写入了日期时间<script>document.write(curentTime())<script></p>
<html>

热心网友时间：2022-03-24 21:08

你都有事件了还怕不能输出东西？单击事件函数里面直接new Date（）就可以了啊

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com