【问题标题】:Generate the start and end ranges for a specific JavaScript Date and identifier (month, day, year, week)?生成特定 JavaScript 日期和标识符(月、日、年、周)的开始和结束范围?
【发布时间】:2016-06-15 19:02:16
【问题描述】:

有没有办法智能地查找 JavaScript 中特定 Date 对象在某个时间窗口(月、日、年、周)内的开始和结束时间?

我希望能够给它任何日期,然后是标识符(如月、周、日或年),然后是是否应该使用 UTC 时间的布尔值。它应该返回一个带有两个键(startTime、endTime)的 JavaScript 对象,其中这些键的值是代表我的范围的纪元毫秒(或日期对象)。

我开始编写一个函数来执行此操作(见下文),只是想知道是否有更聪明的方法来执行此操作:

/**
 * @param rangeValue; String ('year', 'month', 'week', 'day')
 * @param dateTime; JavaScript Date Object.
 * @param useUTC; Boolean. Determines whether or not UTC is to be used or default browser time
 * @returns {{}}; startTime and endTime, in epoch milliseconds
 */
function generateTimeRange(rangeValue, dateTime, useUTC) {
  var dateRange = {};

  var year = dateTime.getUTCFullYear();
  var month = dateTime.getUTCMonth();
  var dayOfWeek = dateTime.getUTCDay();
  var day = dateTime.getUTCDate();

  if (!useUTC) {
    year = dateTime.getFullYear();
    month = dateTime.getMonth();
    dayOfWeek = dateTime.getDay();
    day = dateTime.getDate();
  }

  if (rangeValue === 'year') {
    dateRange.startTime = new Date(year, 0, 0, 0, 0, 0, 0).getTime();
    dateRange.endTime = new Date(year + 1, 0, 0, 0, 0, 0, 0).getTime() - 1;
  } else if (rangeValue === 'month') {
    dateRange.startTime = new Date(year, month, 0, 0, 0, 0, 0).getTime();
    month += 1;
    if (month > 11)
      year += 1;
    dateRange.endTime = new Date(year + 1, month % 12, 0, 0, 0, 0, 0).getTime() - 1;
  } else if (rangeValue === 'week') {
    // Do week calculation
  } else if (rangeValue === 'day' {
    // Do day calculation
  }
  return dateRange;
}

编辑:刚刚发现 Moment.js 有 startOf 和 endOf 方法。没有外部库,有没有一种优雅的方法来做到这一点?

【问题讨论】:

  • 在你做“开始”和“结束”之前,你需要定义它们是什么。例如。 ISO 周从星期一开始,美国周通常是星期日。周末可能是星期日 (ISO)、星期六 (美国) 或星期五(西部商业周)。有些文化的工作日是从周六到周三或周四,周五相当于西部周日。
  • 请注意,new Date(year, 0, 0, 0, 0, 0, 0) 中的日期值应为 1,否则您将获得上一年的 12 月 31 日。 ;-)

标签: javascript date


【解决方案1】:

这可能更适合代码审查论坛。

获取所有 UTC 部分似乎并不明智,然后查看是否需要它们,如果不需要,则获取本地部分。只要得到你想要的。如果需要,应该在任何地方使用 UTC,那么:

var UTC = useUTC? 'UTC' : '';

现在你只需:

var year = dateTime.['get' + UTC + 'FullYear']();
var month = dateTime.['get' + UTC + 'Month']();

等等。但除非你必须这样做,否则没有必要这样做。然后是:

if (rangeValue === 'year') {

这非常严格,您可能希望它不区分大小写:

if (/^year$/i.test(rangeValue))

然后

dateRange.startTime = new Date(year, 0, 0, 0, 0, 0, 0).getTime();

由于您将日期设置为 0,因此将获得上一年的 12 月 31 日。对于主机系统时区,它也将是 00:00:00,而不是 UTC(如果已指定)。如果您只提供年和月,则所有其他值默认为零(日期除外,它是 1),如果这样指定,您希望使用 UTC:

dateRange.startTime = (UTC? new Date(Date.UTC(year,0)) : new Date(year,0)).getTime();

结束时间也是如此:

dateRange.endTime = (UTC? new Date(Date.UTC(+year+1,0)) : new Date(+year+1,0)).getTime() - 1;

您实际上不需要 getTime,因为减法无论如何都会将值强制为一个数字,但它可以保持一致。待办月份类似:

// Get the month
var month = dateTime['get' + UTC + 'Month']();
// If month range is required
if (/^month$/i.test(rangeValue)) {
  // Get the start of the month
  var monthStart = UTC? new Date(Date.UTC(year,month)) : new Date(year,month);
  // Assign the time value
  dateRange.startTime = monthStart.getTime();
  // Adjust to end of month.
  // The setTime method returns the time value, so no need for getTime
  dateRange.endTime = monthStart['set' + UTC + 'Month'](monthStart['get' + UTC + 'Month']() + 1, 1) - 1;
  return dateRange;
}

所以把那部分放在一起:

function generateTimeRange(rangeValue, dateTime, useUTC) {
  var dateRange = {};
  var UTC = useUTC? 'UTC' : '';
  var year = dateTime['get' + UTC + 'FullYear']();

  if (/^year$/i.test(rangeValue)) {
    dateRange.startTime = (UTC? new Date(Date.UTC(year,0)) : new Date(year,0)).getTime();
    dateRange.endTime = (UTC? new Date(Date.UTC(year+1,0)) : new Date(year+1,0)).getTime() - 1;
    return dateRange;
  }

  var month = dateTime['get' + UTC + 'Month']();
  if (/^month$/i.test(rangeValue)) {
    var monthStart = UTC? new Date(Date.UTC(year,month)) : new Date(year,month);
    dateRange.startTime = monthStart.getTime();
    // The setMonth method returns the time value, so no need for getTime
    dateRange.endTime = monthStart['set' + UTC + 'Month'](monthStart['get' + UTC + 'Month']() + 1, 1) - 1;
    return dateRange;
  }
  // Add week, day, etc.
}

var dr = generateTimeRange('year', new Date(), false);
console.log('Start: ' + new Date(dr.startTime) + '\nEnd: ' + new Date(dr.endTime));

dr = generateTimeRange('month', new Date(), false);
console.log('Start: ' + new Date(dr.startTime) + '\nEnd: ' + new Date(dr.endTime));

// UTC tests, note if west of GMT will seem to be one day early:

dr = generateTimeRange('year', new Date(), true);
console.log('Start: ' + new Date(dr.startTime) + '\nEnd: ' + new Date(dr.endTime));

dr = generateTimeRange('month', new Date(), true);
console.log('Start: ' + new Date(dr.startTime) + '\nEnd: ' + new Date(dr.endTime));

【讨论】:

  • 感谢@RobG!最后我看了一下 Moment.js 如何实现他们的 startOf 和 endOf 功能 here。他们使用 switch case 来设置每个单独的单元,因为它落在语句中。你的方法对我的用例来说更好一点,我不知道你可以像这样在方括号内动态运行函数。
  • 函数是对象,因此您可以像任何其他对象一样使用方括号表示法进行属性访问。 :-)
猜你喜欢
  • 2022-10-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-12-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多