How to show a future date on a webpage?

For us to display future dates on a web page, we have to follow these steps:

1. Open the page where you want to display a future date.
2. Go to Page Settings on the top of the website builder.

3. Choose Custom Code > Body End

4. Copy the code below into the box. This code will show tomorrow’s date, to show a date further in the future change the +1 in bold text.

<script>
  const dd = new Date();
  dd.setDate(dd.getDate() + 1);
  document.getElementById("tomorrow").innerHTML = dd.toLocaleString('default', {day: 'numeric', month: 'long' });
</script>

Hit SAVE

5. Insert a custom code block from the left sidebar.

6. Copy the code below into the text/code area and HIT Save.

<div class="tomorrowbody">
 <table class="offerdatetext">
  <tbody>
   <tr>
    <td>Offer Expires
    </td>
    <td>
     <p id="tomorrow">
     </p>
    </td>
   </tr>
  </tbody>
 </table>
</div>
<style>
  .offerdatetext {
    margin-left: auto;
    margin-right: auto;
  }
  .tomorrowbody, #tomorrow {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
    background: #DC0000;
    color: white!important;
    font-family: 'Poppins', sans-serif;
    font-weight: 700!important;
    font-size: 20px;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 1.2em;
  }
</style>
Scroll to Top

Custom solutions for your entire sales team

Let us show you how our accurate B2B company and contact data can help you reach the right decision makers and close more deals.

What can you expect?