vue中怎么引用laydate.js日期插件咋个不显示呢
0
悬赏园豆：5
[已解决问题]
解决于 2017-12-29 11:11
引入的是laydata包。各种方法都试过了都不行，下面是我最新代码
<input type="text" class="demo-input" placeholder="请选择日期" v-model="date" id="test">
js:
var vm = new Vue({ data: { date: '2017-09-08 09:00:00' }, methods:{ laydate:({ elem: '#test', type:'datetime', done: (value) => { this.date = value } }) } }}
这是我的代码。
之前用laydate.render会报render没定义。
本人小菜鸟没用过vue，请大神们给我解决下，或者直接给我个用vue引入这个插件的dome啊，以后引插件就好照着班门弄虎。/苦笑
日期插件的网址：http://www.layui.com/laydate/ 直接下载就行了
最佳答案
0
html
--------------------------------------
<div id=app> <input type="text" id="test1"> </div> <input type="text" id="test1">
js --------------------------------------
new Vue({ ele: "#app", mounted: function(){ laydate.render({ elem: '#test1' //指定元素 }); } })
我看人家是这么玩的.....
收获园豆：5
窝帖子上面说了用laydate.render，会报render未定义啊，只有这个vue会这样。刚才用了报了个laydate is not defined
ni这种对了的，我刚才自己写的dome中试过了，哎，那个项目中引用不行，别人做的有bug我改了，醉了哦，来来来，5个豆豆给你了，窝就这么点点，哈哈哈哈
@❀花儿为什么这样红: 对这不是很熟 问度娘后搬过来的 纯属划水 O(∩_∩)O哈哈~
其他回答(5)
0
会不会是加载顺序的问题啊？你把这段代码放到window.onload=function(){}中，试一下
不行，这个是vue的，在这里面运行，你看那个js代码嘛
@❀花儿为什么这样红: 弱弱得问下，你这个后面是个')'还是'}'啊？怎么感觉是括号不匹配呢，哈哈
@长江边卖水的小货车: 不要看这个，这上面的js是我自己打的，不是复制过来的，跟这个没关系，我这个写到项目里面的
0
你直接在你当前组件页面引入试试，有可能是根目录的问题
这是我改的别人的代码，他没写在组件里面，直接写在var vm = new Vue({ })这里面的
@❀花儿为什么这样红: 我也是这样用的别人的模板，也是这个问题，jquery都要在组件里引入，在main.js全局引入都不得行
@编码即是膜法: 是呀，真的好烦，我都没用过vue的，之前用angular啥都可以用，烦死了，想哭了
@❀花儿为什么这样红: 试试重新创建项目应该就可以了，简单又粗暴的方法，我也是刚用vue没多久，在等的看有没有大神
@编码即是膜法: 我试过了的，没得用
@❀花儿为什么这样红: 那就不知道了，看看有没有大神，我vue是最新版本的遇到这个问题QAQ
@编码即是膜法: 嗯呢，我还在等大神们给我解决呢
0
vue中怎么没有作用范围
能给个dome吗，其实就是引用插件罢了
@❀花儿为什么这样红:
<div id="app">
<input type="text" class="demo-input" placeholder="请选择日期" v-model="date" id="test">
</div>
<script src="vue.js" type="text/javascript" charset="utf-8"></script>
<script src="laydate.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var vm = new Vue({
el:"#app",
data: {
date: '2017-09-08 09:00:00'
},
methods:{
laydate:({
elem: '#test',
type:'datetime',
done: (value) => {
this.date = value
}
})
}
})
</script>
@❀花儿为什么这样红: 按你的改的
@Or_so: 好的，三克油，我来试试
@❀花儿为什么这样红: http://www.cnblogs.com/jhli/p/8143079.html
0
wo这个项目中引用不得行，啥都不行，我都结帖了，其实根本没实现，我自己写的单独的dome都可以，这个项目是这样写的，以前的程序员写的：
var currentUser;
var vm = new Vue({
el: '#vue-root',
delimiters: ['[[', ']]'],
data: {
conversations: [],
messages: [],
conversationName: null,
isFromHR: false,
text: '',
myConversation: {},
isTextEnabled: false,
date: ''
},
mounted: function(){
laydate.render({
elem: '#test', //指定元素
lang: 'en',
range: true
});
},
created() {
this.fetchConversations();
//this.timerConversations = setInterval(this.fetchConversations, 5000);
//this.timerMessages = setInterval(this.fetchMessages, 5000);
this.timerCnvandMsg = setInterval(this.fetchCnvAndMsg, 5000);
},
methods: {
}
});
0
没有 import 进来 你使用当然会报错,现在 main.js中引入 你的插件 然后 Vue.use(aa),再使用就不会报错了
