解释:日历组件,可配置选中日期、日历数据、星期文案,适用于信息输入,并可放置在页面的任何位置。
成都创新互联公司成立于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扫码
class="calendar"
range="{{range}}"
value="{{value}}"
bind:dayclick="dayClick"
showOptionPanel="{{false}}"
>
class="calendar"
range="{{range}}"
value="{{allDayValue}}"
bind:dayclick="allDayClick"
>
标题名称:创新互联百度小程序教程:calendar日历
文章起源:http://www.36103.cn/qtweb/news12/23462.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联