Vue2 的日期选择组件 vue-datepicker-local

待我称王封你为后i 2022-05-18 00:16 408阅读 0赞

vue-datepicker-local 详细介绍

Vue2一个漂亮的日期选择组件：

*  仅依赖于Vue
 *  轻量级（小于4kb的压缩包）
 *  美观

### 使用 ###

安装

$ npm install vue-datepicker-local

ES6

<template>
      <vue-datepicker-local v-model="time" />
    </template>
    
    <script>
    import VueDatepickerLocal from 'vue-datepicker-local'
    
    export default {
      components: {
        VueDatepickerLocal
      },
      data () {
        return {
          time: new Date()
        }
      }
    }
    </script>

### 浏览器全局 ###

dist文件夹包含了 vue -datepicker- local.js 和 vue-datepicker-local.css。

<!DOCTYPE html>
    <html>
    <head>
      <link rel="stylesheet" href="path/to/vue-datepicker-local.css">
    </head>
    <body>
      <div id="app">
        <vue-datepicker-local v-model="time"></vue-datepicker-local>
      </div>
      <script src="path/to/vue.js"></script>
      <script src="path/to/vue-datepicker-local.js"></script>
      <script>
        new Vue({
          el: "#app",
          data: {
            time: new Date()
          }
        })
      </script>
    </body>
    </html>

![115016_zWJ4_171443.png][]

[115016_zWJ4_171443.png]: https://static.oschina.net/uploads/space/2017/1012/115016_zWJ4_171443.png

发表评论取消回复

表情：

评论列表（有 0 条评论，408人围观）

还没有评论，来说两句吧...

相关阅读

相关 Taro：自定义日期区间选择器组件

本人介绍如何实现自定义日期区间选择器组件，实现选择开始日期和结束日期的实际范围区间。 1、展示效果 ![d28896e3e4fb4985a9ed551e68f51e56

朱雀/ 2024年04月03日 11:17/ 0 赞/ 58 阅读

相关 vue2【组件的构成】

目录 1：什么是组件化开发 2：vue中的组件化开发 3：vue组件的三个组成部分 4：组件中定义方法，监听器，过滤器，计算属性节点。 5：template中只允许唯

约定不等于承诺〃/ 2024年02月17日 09:43/ 0 赞/ 11 阅读

相关 vue2.0+Vant-ui的日期选择器type

前段时间搞了个公众号，我用的Vant-ui，[Vant官方网站][Vant]，毕竟是有赞团队开发的，项目需求有个地方用到日历，这个组件： <van-datetime-

朴灿烈づ我的快乐病毒、/ 2023年06月24日 04:51/ 0 赞/ 280 阅读

相关 vant日期选择组件（默认选中当天日期）

vant日期选择组件 [vant组件库][vant] 全局安装vant组件库，`npm i vant -S`。然后在main.js中： import Vant

迈不过友情╰/ 2022年11月03日 11:57/ 0 赞/ 2308 阅读

相关基于 Vue 的日期选择插件 vue-better-calendar

vue-better-calendar 详细介绍 vue-better-calendar vue-better-calendar是一个基于 Vue 的日期选择插件

逃离我推掉我的手/ 2022年05月20日 05:16/ 0 赞/ 186 阅读

相关基于 Vue 的日期选择插件 vue-better-calendar

vue-better-calendar 详细介绍 vue-better-calendar vue-better-calendar是一个基于 Vue 的日期选择插件，它提

短命女/ 2022年05月19日 14:18/ 0 赞/ 169 阅读

相关 Vue2 的日期选择组件 vue-datepicker-local

vue-datepicker-local 详细介绍 Vue2一个漂亮的日期选择组件：仅依赖于Vue 轻量级（小于4kb的压缩包）美观使用安

待我称王封你为后i/ 2022年05月18日 00:16/ 0 赞/ 409 阅读

相关 React Native日期时间选择组件

本文原创首发于公众号：ReactNative开发圈，转载需注明出处。 > React Native日期时间选择组件：react-native-datepicker，支持安卓和

港控/mmm°/ 2022年03月14日 12:58/ 0 赞/ 157 阅读

相关 vue - 左右滑动选择日期组件的封装

现在做的项目中遇到了左右滑动选择日期的一个功能，然后我封装了一下这个组件，现在分享给大家看一下：效果图： ![在这里插入图片描述][201910101416091

谁践踏了优雅/ 2021年08月13日 15:56/ 0 赞/ 584 阅读

相关选择文件的通用组件vue开发

这一周进行了一个选择文件的通用组件的开发，用vue开发的。第一次开发，虽然最后做出来了，但是过程很艰难。不过重在积累。 v-model的使用 `v-mode`只能适用于

客官°小女子只卖身不卖艺/ 2021年07月25日 13:58/ 0 赞/ 431 阅读