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

  • 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扫码

    代码示例

    • SWAN
    • JS
    • CSS
    • JSON
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  
      5.   
  
  
    5.  class="calendar"
      6.   
  
  
    6.  range="{{range}}"
      7.   
  
  
    7.  value="{{value}}"
      8.   
  
  
    8.  bind:dayclick="dayClick"
      9.   
  
  
    9.  showOptionPanel="{{false}}"
      10.   
  
  
    10.  >
      11.   
  
  
    11.  
      12.   
  
  
    12.  
      13.   
  
  
    13.  
      14.   
  
  
    14.  
      15.   
  
  
    15.  
      16.   
  
  
    16.  
      17.   
  
  
    17.  class="calendar"
      18.   
  
  
    18.  range="{{range}}"
      19.   
  
  
    19.  value="{{allDayValue}}"
      20.   
  
  
    20.  bind:dayclick="allDayClick"
      21.   
  
  
    21.  >
      22.   
  
  
    22.  
      23.   
  
  
    23.  
      24.   
  
  
    24.  
      25.   
  
  
    25.  
      26.   
  
  
      27.

    网站标题：创新互联百度小程序教程：calendar日历
    浏览路径：http://www.gawzjz.com/qtweb/news19/162669.html

    网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

    猜你还喜欢下面的内容

    品牌网站建设知识

    同城分类信息

    内江托管服务器　　 　彭州网站建设　　 　重庆服务器托管　　 　广安网站建设　　 　乐山石膏隔墙　　 　成都400电话办理　　 　成都网站制作　　 　app网站建设　　 　高端网站建设　　 　重庆服务器托管　　 　成都光华机房服务器托管　　 　衣柜书柜酒柜定制　　 　成都虚拟主机　　 　自动门　　 　定制网站开发　　 　成都二枢电信服务器托管　　 　德阳服务器托管　　 　网络营销推广　　 　重庆企业网站建设　　 　app软件定制开发