当前位置: 代码迷 >> 综合 >> vue项目中引入layDate并在同一页面多次调用
  详细解决方案

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

热度:30   发布时间:2024-02-20 00:48:37.0

第一步:在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;},});});}
}

 

  相关解决方案