13518219792

建站动态

根据您的个性需求进行定制 先人一步 抢占小程序红利时代

创新互联百度小程序教程:calendar日历

calendar 日历

解释:日历组件,可配置选中日期、日历数据、星期文案,适用于信息输入,并可放置在页面的任何位置。

成都创新互联公司成立于2013年,是专业互联网技术服务公司,拥有项目网站设计制作、网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元磁县做网站,已为上家服务,为磁县各地企业和个人服务,联系电话:028-86922220

属性说明

属性名 类型 必填 默认值 说明

value

Object

默认选中日期,value 示例:{day: ‘2020-06-15’, state: 1},详细代码请阅读代码示例

range

Array

日历数据,range 示例:{name: ‘2020-06’, value: [{day: ‘2020-06-01’, state: 1}]},详细代码请阅读代码示例

separation

String

‘-‘

连接年月日的符号

repeatable

Boolean

false

选中的日期是否可以多次点击

disabled

Boolean

false

是否禁用该组件

allDayValid

Boolean

false

所有日期是否可选

weekText

Array

[‘日’, ‘一’, ‘二’, ‘三’, ‘四’, ‘五’, ‘六’]

星期默认文案

showOptionPanel

Boolean

false

是否展示月份面板

binddayclick

EventHandle

点击日历中的某个日期时触发

bindchange

EventHandle

改变选中的日期时触发

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例

 
 
 
  1. class="calendar"
  2. range="{{range}}"
  3. value="{{value}}"
  4. bind:dayclick="dayClick"
  5. showOptionPanel="{{false}}"
  6. >
  7. class="calendar"
  8. range="{{range}}"
  9. value="{{allDayValue}}"
  10. bind:dayclick="allDayClick"
  11. >

网页题目:创新互联百度小程序教程:calendar日历
文章路径:http://cdbrznjsb.com/article/cojehhh.html
  • 网站建设专属方案

  • 网站定制化设计

  • 7X24小时服务

  • N对管家服务

让你的专属顾问为你服务