默认值输入日期js - Javascript

在开发Web应用程序时，我们常常需要获取或输入日期。在输入日期时，我们经常需要在文本框中显示默认日期。本文将介绍如何在Javascript中使用默认值输入日期。

使用value属性

在Javascript中，我们可以使用value属性来设置文本框的默认值。比如，如果我们有一个文本框:

<input type="date" id="myDate" />

我们可以使用如下代码来设置它的默认值为当前日期:

var today = new Date();
var dateString = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
document.getElementById('myDate').value = dateString;

这样，当用户打开页面时，就会看到文本框中显示的默认日期是当前日期。

兼容性问题

需要注意的是，不同浏览器对日期格式的支持有所不同。在Chrome和FireFox中，日期格式为YYYY-MM-DD，在Safari和IE中，日期格式为YYYY/MM/DD。

为了解决这个兼容性问题，我们可以使用moment.js库来处理日期格式。比如，使用moment.js库，我们可以将上述代码修改为如下形式:

var today = moment().format('YYYY-MM-DD');
document.getElementById('myDate').value = today;

这样就可以在不同浏览器中正确地显示默认日期了。

总结

在开发Web应用程序时，默认值输入日期是一个很常见的需求。在Javascript中，我们可以使用value属性来设置文本框的默认值。同时，为了解决不同浏览器对日期格式的兼容性问题，我们可以使用moment.js库来处理日期格式。