如何在初始化时将输入日期设置为今天的日期 - Javascript

有时候在编写代码时，我们需要将某个输入框的日期默认设置为今天的日期，以方便用户选择。本文将介绍如何实现这个功能。

解决方案

在Javascript中，我们可以使用Date函数来获取当前日期。具体实现代码如下所示：

var today = new Date();

如果我们将这句代码放在页面初始化的时候执行，那么就可以获取到当前日期。接下来，我们需要将日期格式化成指定的格式，并将其赋值给输入框。

代码实现如下：

var input = document.getElementById('inputDate');
var today = new Date();

var year = today.getFullYear(); //获取当前年份
var month = ('0' + (today.getMonth() + 1)).slice(-2); //获取当前月份，由于getMonth()返回值范围是0-11，所以需要加1
var day = ('0' + today.getDate()).slice(-2); //获取当前日，由于getDate()返回值范围是1-31，所以进行补零处理

var dateStr = year + '/' + month + '/' + day; //拼接日期字符串
input.value = dateStr; //将日期赋值给输入框

以上代码中，我们首先通过document.getElementById()方法获取到输入框，然后使用Date函数获取当前日期。接着，我们分别获取当前年、月、日，并进行相应的处理，最后将它们拼接成日期字符串。最后，我们将日期字符串赋值给输入框的value属性，完成了默认设置今天日期的功能。

总结

在Javascript中，使用Date函数可以方便地获取当前日期，通过字符串拼接可以将其格式化成指定的方式。以上介绍的方法可以应用于各种日期选择场景中，是一个非常实用的技巧。