【问题标题】:how to select default current date in a input type date如何在输入类型日期中选择默认当前日期
【发布时间】:2019-09-12 06:00:36
【问题描述】:

var today = new Date();
var dd = today.getDate();
var mm=today.getMonth();
mm++;
var yyyy =today.getFullYear();
// alert(mm);
var datee=yyyy+'-'+mm+'-'+dd;
$('#form_date').val(datee);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type='date' id='form_date'>

我只需要在输入类型 date 中自动选择当前日期我从 get 函数中获取年、月和日期,但是当我试图将它们设置为值时它不起作用

【问题讨论】:

标签: javascript jquery html date


【解决方案1】:

个位数的月份和日期应以零开头:

//<![CDATA[
/* external.js */
function makeFormDate(dateInstance){
  var dt = dateInstance instanceof Date ? dateInstance : new Date;
  return dt.getFullYear()+'-'+(dt.getMonth()+1).toString().replace(/^(\d)$/, '0$1')+'-'+dt.getDate().toString().replace(/^(\d)$/, '0$1');
}
$(function(){
  $('#form_date').val(makeFormDate());
});
//]]>
<script src=''></script>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
  <head>
    <meta charset='UTF-8' /><meta name='viewport' content='width=device-width, height=device-height, initial-scale:1' />
    <title>Test Template</title>
    <link type='text/css' rel='stylesheet' href='external.css' />
    <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
    <script type='text/javascript' src='external.js'></script>
  </head>
<body>
  <input id='form_date' type='date' value='' />
</body>
</html>

【讨论】:

    【解决方案2】:

    此代码不起作用,因为它在运行时找不到正确的 dom 元素。因此,将您的代码包装在 $(document).ready(function(){}) 函数中。

    【讨论】:

    • 我仍然得到相同的结果
    • 请检查您的浏览器控制台是否有错误消息并告诉我
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-11
    • 1970-01-01
    • 2011-04-09
    • 2012-11-20
    • 2017-02-27
    • 2021-03-14
    相关资源
    最近更新 更多