热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

在javascript中设置输入类型日期和时间的值

如何解决《在javascript中设置输入类型日期和时间的值》经验,为你挑选了2个好方法。

我有2个输入字段:

日期:


时间:


我只是在测试html5的这些新功能.如何在这些字段中设置当前值.我很难通过Javascript在这些字段中设置值.



1> jungy..:

您只需value使用相应的格式设置输入字段:

dateyyyy-MM-dd

timeHH:mm

使用您的示例,您可以执行以下操作:

var date = new Date();
var currentDate = date.toISOString().slice(0,10);
var currentTime = date.getHours() + ':' + date.getMinutes();

document.getElementById('currentDate').value = currentDate;
document.getElementById('currentTime').value = currentTime;


如果`getHours()`或`getMinutes()`返回"10"下的值,则代码不起作用.时间输入将拒绝像"4:8"这样的字符串.您需要确保每个组件(小时和分钟)具有前导零,例如"04:08"

2> 小智..:
var date = new Date();

var day = date.getDate(),
    mOnth= date.getMonth() + 1,
    year = date.getFullYear(),
    hour = date.getHours(),
    min  = date.getMinutes();

mOnth= (month <10 ? "0" : "") + month;
day = (day <10 ? "0" : "") + day;
hour = (hour <10 ? "0" : "") + hour;
min = (min <10 ? "0" : "") + min;

var today = year + "-" + month + "-" + day,
    displayTime = hour + ":" + min; 

document.getElementById('formdate').value = today;      
document.getElementById("formtime").value = displayTime;


讲一些有关该代码的更多信息。
推荐阅读
author-avatar
mthj1688
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有