Javascript 用于jQuery日期选择器的Vue js模型绑定
我正在使用jQuery日期选择器,它工作得非常好。我在Vue组件中。当我单击日期输入字段时,它显示日期选择器,但当我选择一个日期并在控制台中看到结果时,我什么也没有得到。日期不受约束Javascript 用于jQuery日期选择器的Vue js模型绑定,javascript,jquery,vue.js,vuejs2,Javascript,Jquery,Vue.js,Vuejs2,我正在使用jQuery日期选择器,它工作得非常好。我在Vue组件中。当我单击日期输入字段时,它显示日期选择器,但当我选择一个日期并在控制台中看到结果时,我什么也没有得到。日期不受约束 <form @submit.prevent="search()"> <div class="card"> <div class="card-body"> <div c
<form @submit.prevent="search()">
<div class="card">
<div class="card-body">
<div class="card-header"></div>
<div class="card-body">
<div class="row">
<div class="col-md-8">
<input type="text" v-model="date" class="form-control" id="datepicker" >
</div>
<div class="col-md-4">
<button class="btn btn-primary" >Search</button>
</div>
</div>
</div>
</div>
</div>
</form>
<script>
export default {
data(){
return{
date:''
}
},
mounted() {
console.log('Component mounted.')
},
methods:{
search(){
//I want to get user chooses date here so that I can send to endpoint
console.log(this.date)//got nothing here
},
},
}
</script
搜寻
导出默认值{
数据(){
返回{
日期:''
}
},
安装的(){
console.log('组件已安装')
},
方法:{
搜索(){
//我想在这里获取用户选择的日期,以便发送到端点
console.log(this.date)//这里什么都没有
},
},
}
您可以使用jquery日期选择器绑定mounted
hook中的输入
newvue({
el:“#应用程序”,
数据(){
返回{
日期:''
}
},
安装的(){
console.log(“组件安装”);
让selfInstance=this;
$(“#日期选择器”)。日期选择器({
onSelect:函数(已选择,日期选择器){
selfInstance.date=已选择;
}
});
},
方法:{
搜索(){
//我想在这里获取用户选择的日期,以便发送到端点
console.log(this.date)//这里什么都没有
},
},
})
搜寻