html日期怎么设置默认值

萧楚容 3周前 10浏览 0评论

HTML日期怎么设置默认值?

如果您需要在HTML表单中的日期控件中设置默认日期值,您可以使用HTML 5中的input type="date"。该日期控件将弹出日期选择器,其中用户可以轻松选择日期。

为了设置默认值,请将value属性设置为所需的日期。日期必须以YYYY-MM-DD格式提供。

      <input type="date" name="birthday" value="2021-01-01">
    

上面的代码将创建一个日期控件,其中默认日期为2021年1月1日。

如果您需要设置当前日期作为默认值,则可以使用JavaScript获取当前日期,然后在HTML中设置默认值,如下所示:

      var today = new Date().toISOString().split('T')[0];
      document.getElementsByName("birthday")[0].defaultValue = today;
    

上面的代码将获取当前日期并设置为名为birthday的日期控件的默认值。

通过使用HTML和JavaScript,您现在可以轻松设置HTML日期控件的默认值。