vue项目中引入layDate并在同一页面多次调用

第一步：在index.html中引入layDate的js文件

<script src="/static/js/laydate/laydate.js"></script>

第二步：在调用页面data中声明 laydate: window.laydate

export default {
  data() {
    return {
      submitInfo: {},
      laydate: window.laydate,
    };
  }
}

第三步：循环调用

<input class="layer_time" id="owner_contract_end" v-model="submitInfo.owner_contract_end"/>


export default {
  data() {
    return {
      submitInfo: {},
      laydate: window.laydate,
    };
  },
  mounted: function () {
    let self = this;
    $(".layer_time").each(function (index) {
      let id = $(this).prop("id");
      self.laydate.render({
        elem: "#" + id,
        done: (value) => {
          console.log("value", value);
          self.submitInfo[id] = value;
        },
      });
    });
  }
}