账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue单选会影响到时间插件,将input里的时间给回到默认
    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
    打赏
    收藏
    点击回答
        全部回答
    • 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(), ], }, };

      在这个配置中,vueTimepickerPluginvue-time-select 插件的依赖项。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部