JavaScript中的Date对象和valueOf()方法

JavaScript中的Date对象是处理日期和时间的对象。通过使用该对象，开发者能够创建包含日期和时间的对象，进行日期和时间的计算和操作。其中，valueOf()方法是可以获取日期对象中的时间戳（即毫秒数）的方法。

创建Date对象

要创建一个Date对象，可以使用以下方式：

var currentDate = new Date();

上述代码将创建一个Date对象，并将其赋值给变量currentDate。此时，currentDate将包含当前日期和当前时间。

获取时间戳

要获取一个日期对象包含的时间戳，可以使用valueOf()方法。该方法将返回一个以毫秒为单位的时间戳。例如：

var currentDate = new Date();
var currentTimeStamp = currentDate.valueOf();
console.log(currentTimeStamp);

上述代码将输出一个以毫秒为单位的时间戳，如：1632802728856。

使用时间戳创建Date对象

通过使用valueOf()方法获取时间戳，可以方便地根据时间戳创建新的Date对象。例如：

var timeStamp = 1632802728856;
var newDate = new Date(timeStamp);
console.log(newDate);

上述代码将创建一个新的Date对象，并将其赋值给变量newDate。该Date对象将包含时间戳对应的日期和时间。输出结果如下：

Fri Sep 24 2021 09:38:48 GMT+0800 (中国标准时间)

按需获取日期和时间

在Date对象的构造函数中，可以传入各种值以满足开发者不同的需求。例如，要获取日期和时间的特定部分，可以使用以下方式：

var currentDate = new Date();
var year = currentDate.getFullYear();
var month = currentDate.getMonth() + 1;
var date = currentDate.getDate();
var hours = currentDate.getHours();
var minutes = currentDate.getMinutes();
var seconds = currentDate.getSeconds();
console.log(`${year}-${month}-${date} ${hours}:${minutes}:${seconds}`);

上述代码将输出2021-9-28 16:22:45，其中包含了当前日期和时间的对应部分。需要注意的是，getMonth()方法返回的是0到11的数字，因此需要加1才是真实的月份。

综合示例

下面是一个根据用户输入的日期，创建新的Date对象并获取新日期对应时间戳的示例：

function createDate() {
  var selectedDate = document.getElementById("date-picker").value;
  var newDate = new Date(selectedDate);
  var timeStamp = newDate.valueOf();
  console.log(timeStamp);
}

在上述示例中，首先获取用户在页面上选择的日期（使用了date-picker元素），然后创建一个新的Date对象，并获取其时间戳（使用了valueOf()方法）。最后将时间戳输出到控制台。