bootstrap的popover.js自定义弹出内容问题

Question

上面图片是bootstrap中popoer的js自定义的文档说明，如果要在js中写自己想要弹出的内容，下面是我照文档写的，template那里用了es6插入大段html用的``这个符号应该是可以的吧。

$(function() {

  $('[data-toggle="popover"]').popover({

    html: true,

    trigger: "click",

    placement: 'bottom',

    template: `<div class="popover" role="tooltip">

                  <div class ="arrow"></div>

                  <h3 class ="popover-title">SELECT A DATE</h3>

                  <div class ="popover-content">

                    <p>asdadqweqrqq</p>

                  </div>

                </div>`

  });

})

html:

<button type="button" class="btn btn-lg btn-danger" data-toggle="popover">点我弹出/隐藏弹出框</button>

先说明，把template去掉加上title和content两个属性，能弹出内容。但是我现在想插入大段的html元素，请问我上述代码哪里出问题了？