使用vue框架造了一个日历控件

发表于 分类于 阅读次数： 本文字数： 227 阅读时长 ≈ 1 分钟

使用官方提供的vue-simple-template配置打包，写的一个简单的vue-datepicker。支持选择功能，功能比较简单，欢迎大家拍砖.

效果预览(demo)

vue-datepicker

项目构建

1
2
3
4
5
6
7
8
9
10
#全局安装vue,vue-cli,webpack，如以安装则跳过
npm install -g vue vue-cli webpack

# 安装依赖
npm install

# 运行项目=>localhost:8080
npm run dev

# 更多的构建信息请参考官网

更新记录

2017-2-10 15:14:43

  • 修正选择日期后高亮错误问题
  • 修正多出方法中计算时数字会被转化成字符串问题

2016-12-9 10:12:58

  • 更新效果图
  • 修正computed计算时数字会被转化成字符串问题
    1
    const startNum = self.chooseType ? +self.YearChangeSyboml - 4 : 1;

2016-12-8 17:30:04

  • 增加输入框唤醒日历
  • 增加选择功能

2016-12-8 12:10:14

  • 上传日历，只有简单展示版本

参考

待整理…