jQuery日期选择器与当前时间

Question

我希望在点击按钮时，文本框内显示当前时间和日期（12小时制）。

这是我目前的代码，我能获取到日期，但我想要记录当前时间和日期。

$(function() {
    $("#datepicker1").datepicker({
        dateFormat: "yy-mm-dd hh:mm:ss"
    }).datepicker("setDate", "0");
});

<input id="datepicker1">

我想到的是 hh:mm:ss，但它不起作用。请指导。

可以使用JS或jQuery，在按钮点击时触发。

- user2541120

---

虽然不完全相同，但这个问题会给你继续的所需信息... https://dev59.com/q2kv5IYBdhLWcg3wbgXQ - Reinstate Monica Cellio

Answer 1

有一个插件可以将时间选择器添加到日期选择器中: https://github.com/trentrichardson/jQuery-Timepicker-Addon。还包括一个“现在”按钮，用于插入当前日期和时间。

在您的代码中，只需将datepicker替换为datetimepicker。然后可以像这样修改日期和时间格式：

$("#datepicker1").datetimepicker({
    dateFormat: "yy-mm-dd",
    timeFormat: "hh:mm:ss"
});

- J.C. Yamokoski

Answer 2

根据OP的评论，

var d = new Date();
var hours = d.getHours();
var minutes = d.getMinutes();
var seconds = d.getSeconds();
var date = d.getDate();
var month = d.getMonth();
var year = d.getFullYear();
if (month < 10) {
    month = '0' + month;
}
if (date < 10) {
    date = '0' + date;
}
$(".div_date_time").text(year + "-" + month + "-" + date + " " + hours + ":" + minutes + ":" + seconds);

- Praveen