JavaScript Date 对象

最新推荐文章于 2025-08-07 14:42:17 发布

l4j

最新推荐文章于 2025-08-07 14:42:17 发布

阅读量692

点赞数

CC 4.0 BY-SA版权

分类专栏： Date 文章标签： javascript Date

本文链接：https://blog.youkuaiyun.com/lsq_java_4/article/details/51228663

Date 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了JavaScript中的Date对象及其使用方法，包括如何获取日期和时间的各个组成部分，并通过一个实际案例展示了如何利用Date对象将页面中的输入框设置为显示当前日期且不可编辑的状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、Date对象介绍

Date对象用于处理日期和时间。

创建Date对象的语法：

var myDate = new Date();

注释：Date对象会自动把当前日期和时间保存为其初始值。

2、Date对象常用方法介绍

Date()：返回当日的日期和时间。

getDate()：从Date对象返回一个月中的某一天（1~31）。

getDay()：从Date对象返回一周中的某一天（0~6）。

getMonth()：从Date对象返回月份（0~11）。

getFullYear()：从Date对象以四位数字返回年份。

getHours()：返回Date对象的小时（0~23）。

getMinutes()：返回Date对象的分钟（0~59）。

getSeconds()：返回Date对象的秒数（0~59）。

getMillseconds()：返回Date对象的毫秒（0~999）。

getTime()：返回1970年1月1日至今的毫秒数。

3、应用实例

应用场景：把页面中填写申请日期一个输入框改为显示当前日期，而且只读，不能够修改。

js实现代码：

<script type="text/javascript">
//页面加载时执行函数
window.onload=function(){
	//写入申请日期
	fixApplyTime();
}

//固定申请日期
function fixApplyTime(){
	var date = new Date();
	var year = date.getFullYear();
	var month = (date.getMonth()+1);
	if(month<10){
		month = "0" + month;
	}
	var day = date.getDate();
	var currentTime = year + "-" + month + "-" + day;
	document.getElementById("applyTime").value = currentTime;
}

</script>

标签实现代码：

<td class="tdContentEven-alignRight" width="23%">
	<font class="blue02">*申请日期</font>
</td>
<td class="tdContentOdd-alignLeft" width="27%">
	<input type="text" readonly="readonly" name="applyTime" id="applyTime" class="timeWdate"  style="width:100px" />
</td>