javascript - 使用 jquery 将按钮文本初始化为日期值

Question

我的用户界面上有一个按钮。加载页面时，按钮的值应默认设置为日期值。有人可以告诉我该怎么做吗？我是新来的。

<div>
 <button id="appDate" ></button>
</div>

<script>
$(document).ready(function(){
var now = new Date();
$('#appDate').val(now);
});
</script>

Answer 1

代码中按钮的值是正确的，但您可能希望该值在按钮中可见，因此您还要查找 text 函数。

检查此片段:

$(document).ready(function(){
  var now = new Date();
  $('#appDate').val(now);
  $('#appDate').text(now);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
 <button id="appDate" ></button>
</div>

为了将日期格式设置为yyyy-MM-dd HH:mm，您需要对Date()对象进行一些处理:

now = new Date();
y = now.getFullYear();
m = now.getMonth()+1;
d = now.getDate();
h = now.getHours();
mi = now.getMinutes();
full_date = y + '-' + (m<10?'0'+m:m) + '-' + (d<10?'0'+d:d) + ' ' + (h<10?'0'+h:h) + ':' +(mi<10?'0'+mi:mi);
console.log(full_date);