vux
  • 关于Vux
  • 开始使用之前
  • 常见问题
  • 兼容
  • 组件规范
  • PR规范
  • playground
  • 版本变更
  • 谁在使用
  • 最佳实践
  • 安装
    • vue-cli项目引用.vue组件(推荐)
    • vue-cli项目引用umd组件
    • 使用script全局引入
  • 布局组件
    • Flexbox
    • Scroller
    • Tab 选项卡
    • Popup 弹出层
    • Sticky 自动固定在顶部
    • Tabbar 底部导航
    • ButtonTab
    • Timeline
    • XHeader
    • Step
  • UI组件
    • divider 横向分隔线
    • badge
    • icon
    • Search 搜索
  • 常用样式
    • 1px解决方案
    • reddot红点提示
  • 表单组件
    • Group表单分组组件
    • Cell
    • Address
    • x-button 按钮
    • x-input 单行文本输入
    • x-textarea 多行输入框
    • x-number 数字输入
    • checklist 多选
    • selector 下拉选择
    • switch 开关
    • rater 评分
    • Inline-Calendar 内联日历
    • Calendar 日历
    • Radio 单选
    • Checker 灵活的选择组件
    • Datetime 时间
    • Range
    • picker
    • popup-picker
    • 表单验证(v0.1.1)
  • 时间组件
    • 日期倒计时
    • 秒数倒计时
    • 轻量时间格式化
    • 相对时间
  • 数字组件
    • number-roller 数字滚动
  • 提示组件
    • Loading
    • Alert
    • Confirm
    • Toast
    • Actionsheet
    • Dialog
    • Spinner
  • 图片
    • 背景模糊
    • 半透明遮罩
    • 轮播
    • 表情图片
    • 上传(未支持)
    • 点击全屏预览图片(未支持)
  • 动态检测
    • 屏幕翻转
    • 手机摇一摇
  • 图表组件
    • Circle 圆圈
  • http请求
  • router 路由
  • 手势操作
Powered by GitBook
On this page
  • Props
  • demos
  • 设置开始和结束时间
  1. 表单组件

Inline-Calendar 内联日历

Props

参数

类型

默认值

说明

value

String

无

当前选中日期,双向绑定,默认为空,即选中当天日期

start-date

String

无

可选起始日期,格式为'YYYY-MM-dd'

end-date

String

无

可选结束日期,格式为'YYYY-MM-dd'

render-month

Array

无

可选,指定渲染日期,如 [2018, 8]

show-last-month

Boolean

true

是否显示上个月的日期

show-next-month

Boolean

true

是否显示下个月的日期

highlight-weekend

Boolean

false

是否高亮周末

return-six-rows

Boolean

true

是否总是渲染6行日期

hideHeader

Boolean

false

是否隐藏日历头部

hiddeWeekList

Boolean

false

是否隐藏星期列表

replace-text-list

Object

{}

替换列表,可以将默认的日期换成文字,比如今天的日期替换成今,{'TODAY':'今'}

weeks-list

Array

['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']

导航星期列表,从周日开始

custom-slot-fn

Function

无

用于为特定日期添加额外的html内容,参数为(行index,列index,日期详细属性)

render-on-value-chhange

Boolean

true

当日期变化时是否重新渲染日历,如果是渲染了多个日历的话需要设为false

disable-past

Boolean

false

禁止选择过去的日期,该选项可以与start-date同时使用

demos

PC文档样式会有偏差,后面修复。

设置开始和结束时间

``` vux height=300 components=InlineCalendar

``` ### 不显示上个月和下个月的日期 ``` vux height=300 components=InlineCalendar ``` ### 取值 ``` vux height=400 components=InlineCalendar,Group,Cell

export default { data () { return { value: 'TODAY' } } } ```

Previousrater 评分NextCalendar 日历

Last updated 7 years ago