美文网首页
vue2中使用layui laydate

vue2中使用layui laydate

作者: wy若只如初见 | 来源:发表于2018-05-22 11:38 被阅读0次
<link rel="stylesheet" href="${request.contextPath}/statics/plugins/layui-v2.3.0-rc1/layui/css/layui.css">
<script src="${request.contextPath}/statics/plugins/layui-v2.3.0-rc1/layui/layui.js"></script>
<input type="text" class="form-control" id="applyData" v-model="busWorkOrder.applyData" placeholder="申请日期"/>
var vm = new Vue({
    el:'#rrapp',
    data:{
        busWorkOrder: {}
    },
    updated: function () {
        layui.use('laydate', function() {
            var laydate = layui.laydate;
            laydate.render({
                elem: '#applyData',
                done: (value) => {
                    vm.busWorkOrder.applyData = value
                }
            });
            laydate.render({
                elem: '#chinaTime', //指定元素
                done: function(value, date) { //监听日期被切换
                    vm.busWorkOrder.chinaTime = value;
                }
            });
        })
    }
  })

相关文章

网友评论

      本文标题:vue2中使用layui laydate

      本文链接:https://www.haomeiwen.com/subject/hrjhjftx.html