Menu
Article Pro Tips

url encode date

Narkw Brahma

Narkw Brahma

• 1 min read

URL Encode Date

If you need to include a date in a URL, you will first need to encode it. URL encoding is the process of converting special characters into a format that can be transmitted over the internet. In the case of dates, you will need to encode the slashes (/) and spaces.

Method 1: JavaScript encodeURIComponent() Function

The easiest way to encode a date for a URL is by using the JavaScript encodeURIComponent() function. This function encodes all special characters, including spaces and slashes.


let date = "2021/12/31";
let encodedDate = encodeURIComponent(date);
console.log(encodedDate); // Output: 2021%2F12%2F31

In the above example, we have defined the date as "2021/12/31". We then use the encodeURIComponent() function to encode it. The output is "2021%2F12%2F31", which is the encoded version of the date. Notice that the slashes have been converted into "%2F".

Method 2: Replace Special Characters with Their Encoded Equivalents

If you don't want to use JavaScript, you can also manually replace the special characters with their encoded equivalents. Here is an example:


<a href="https://example.com/?date=2021%2F12%2F31">Link</a>

In the above example, we have encoded the date ("2021/12/31") manually by replacing the slashes with "%2F". We then use the encoded version in the URL. Notice that we have also used the HTML entities "<" and ">" to encode the "<" and ">" characters.

Method 3: URLSearchParams Object

If you are working with modern browsers, you can also use the URLSearchParams object to encode the date. Here is an example:


let date = "2021/12/31";
let params = new URLSearchParams();
params.append('date', date);
let queryString = params.toString();
console.log(queryString); // Output: date=2021%2F12%2F31

In the above example, we have created a new URLSearchParams object and appended the date to it. We then use the toString() method to convert the object to a string. The output is "date=2021%2F12%2F31", which is the encoded version of the date. This method is especially useful if you need to encode multiple parameters in a URL.

Share