diff --git a/frontend_tests/node_tests/rendered_markdown.js b/frontend_tests/node_tests/rendered_markdown.js
index 7706d8f31c..243ac4444e 100644
--- a/frontend_tests/node_tests/rendered_markdown.js
+++ b/frontend_tests/node_tests/rendered_markdown.js
@@ -178,7 +178,7 @@ run_test("timestamp", () => {
rm.update_elements($content);
// Final asserts
- assert.equal($timestamp.text(), "Thu, Jan 1 1970, 12:00 AM");
+ assert.equal($timestamp.html(), '\nThu, Jan 1 1970, 12:00 AM\n');
assert.equal(
$timestamp.attr("title"),
"This time is in your timezone. Original text was 'never-been-set'.",
@@ -195,12 +195,15 @@ run_test("timestamp-twenty-four-hour-time", () => {
// We will temporarily change the 24h setting for this test.
with_field(page_params, "twenty_four_hour_time", true, () => {
rm.update_elements($content);
- assert.equal($timestamp.text(), "Wed, Jul 15 2020, 20:40");
+ assert.equal($timestamp.html(), '\nWed, Jul 15 2020, 20:40\n');
});
with_field(page_params, "twenty_four_hour_time", false, () => {
rm.update_elements($content);
- assert.equal($timestamp.text(), "Wed, Jul 15 2020, 8:40 PM");
+ assert.equal(
+ $timestamp.html(),
+ '\nWed, Jul 15 2020, 8:40 PM\n',
+ );
});
});
diff --git a/static/js/rendered_markdown.js b/static/js/rendered_markdown.js
index 883348ff91..09dff12641 100644
--- a/static/js/rendered_markdown.js
+++ b/static/js/rendered_markdown.js
@@ -3,6 +3,7 @@ import {parseISO, isValid} from "date-fns";
import $ from "jquery";
import copy_code_button from "../templates/copy_code_button.hbs";
+import render_markdown_timestamp from "../templates/markdown_timestamp.hbs";
import view_code_in_playground from "../templates/view_code_in_playground.hbs";
import * as people from "./people";
@@ -162,7 +163,10 @@ export const update_elements = (content) => {
if (isValid(timestamp)) {
const text = $(this).text();
const rendered_time = timerender.render_markdown_timestamp(timestamp, text);
- $(this).text(rendered_time.text);
+ const rendered_timestamp = render_markdown_timestamp({
+ text: rendered_time.text,
+ });
+ $(this).html(rendered_timestamp);
$(this).attr("title", rendered_time.title);
} else {
// This shouldn't happen. If it does, we're very interested in debugging it.
diff --git a/static/templates/markdown_timestamp.hbs b/static/templates/markdown_timestamp.hbs
new file mode 100644
index 0000000000..a817b1191c
--- /dev/null
+++ b/static/templates/markdown_timestamp.hbs
@@ -0,0 +1,2 @@
+
+{{ text }}