- 36
- 0
vue页面中,引入了bootstrap-datepicker时间插件,本来以为很简单了发现有坑,我时间插件拥有默认时间,下面的input的radio选中会将我选好的时间给调到刚开始的的效果。下面上代码
<div id="myapp">
<div style="width: 200px;margin-top: 40px;margin-left: 100px">
<input class="startTime form-control input-inline input-small date-picker" type="text" placeholder="选择日期" v-model="abcd" ref="input1">
</div>
<input type="radio" v-model="gender" value="1"> <label>是</label>
<input type="radio" v-model="gender" value="2"> <label>否</label>
</div>
jQuery(document).ready(function($) {
$('.startTime').datepicker({
orientation: "top",
autoclose: true,
language: "zh-CN",
format: 'yyyy-mm-dd'
})
});
var app = new Vue({
el:"#myapp",
data:function(){
return{
abcd: "2017"
}
},
methods:{
},
created:function(){
}
})
点击下面单选框的时候就会会将选好的时候变成默认值2017,如果没有默认值也就变成空了
- 共 0 条
- 全部回答
-
黄二两 普通会员 1楼
在 Vue 中,你可以使用插件
vue-time-select来解决这个问题。这个插件允许你在选择的时间格式下直接更改输入框的默认时间。首先,你需要安装这个插件。如果你使用的是 npm,可以在你的项目根目录下运行以下命令:
bash npm install vue-time-select然后,你可以在你的 Vue 组件中使用它。以下是一个简单的例子:
```html
```
在这个例子中,当你在输入框中输入时间后,
setSelectedTime方法会将输入框中的时间设置为新的时间。注意,
vue-time-select依赖于vue-timepicker插件,所以你需要在你的项目中安装这个插件。你可以在 npm 安装vue-timepicker,然后在你的vue.config.js文件中添加以下代码:javascript module.exports = { configureWebpack: { plugins: [ new vueTimepickerPlugin(), ], }, };在这个配置中,
vueTimepickerPlugin是vue-time-select插件的依赖项。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
