vuetify实现时钟形时间选择器效果代码

代码语言:html

所属分类:选择器

代码描述:vuetify实现时钟形时间选择器效果代码

代码标签: 钟形 时间 选择器 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/materialdesignicons.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/vuetify.min.css">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">

</head>
<body>
    <div id="app">
        <v-app id="inspire">
            <v-row justify="space-around">
                <v-time-picker
                    v-model="time"
                    :allowed-hours="allowedHours"
                    :allowed-minutes="allowedMinutes"
                    class="mt-4"
                    format="24hr"
                    scrollable
                    min="9:30"
                    max="22:15"
                    ></v-time-picker>
        .........完整代码请登录后点击上方下载按钮下载查看

网友评论0