如何用Moment.js将十进制天数转换为实际天数并转为月份显示？

Here's how to convert your decimal day value to whole days and approximate months, with step-by-step code examples tailored to your use case:

Step 1: Include Moment.js in your page #

First, make sure you’ve added Moment.js to your HTML (use a CDN or local file):

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>

Step 2: Process the duration with Moment.js #

Moment’s duration object is perfect for working with time spans like days and months. Here are a few options depending on what you want to display:

Option 1: Show whole days + approximate months #

If you want to keep the day count while adding a month approximation:

var days = 187.89808080;

// Round to whole days (use Math.floor to truncate instead of round)
var wholeDays = Math.round(days);

// Create a Moment duration from the whole days
var duration = moment.duration(wholeDays, 'days');

// Calculate approximate months (rounded to nearest whole number)
var approxMonths = Math.round(duration.asMonths());

// Update your HTML element
document.querySelector('span').textContent = `Showing last ${wholeDays} days (about ${approxMonths} months)`;

This will output: Showing last 188 days (about 6 months)

Option 2: Show a natural language duration #

Moment’s humanize() method formats durations into readable text. Choose between basic or precise formatting:

var days = 187.89808080;
var duration = moment.duration(Math.round(days), 'days');

// Basic version (shows only the largest relevant unit)
var basicText = `Showing last ${duration.humanize()}`; 
// Output: "Showing last 6 months"

// Precise version (includes smaller units for more detail)
var preciseText = `Showing last ${duration.humanize(true)}`; 
// Output: "Showing last 6 months and 7 days"

// Update your span with whichever version you prefer
document.querySelector('span').textContent = basicText;

Option 3: Directly convert to months (no day count) #

If you only want to display months, skip the day rounding and convert directly:

var days = 187.89808080;
var approxMonths = Math.round(moment.duration(days, 'days').asMonths());
document.querySelector('span').textContent = `Showing last about ${approxMonths} months`;

Output: Showing last about 6 months

Quick Note: #

Since months vary in length (28-31 days), this uses Moment’s average month calculation (~30.44 days per month) for the approximation. Adjust rounding (use Math.floor() or Math.ceil()) if you need stricter control over the month count.

内容的提问来源于stack exchange，提问作者user1234