更新记录
1.0.1(2024-09-30)
下载此版本
发布周选择插件
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 4.28 |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
插件使用
<template>
<view>
<button @click="openWeekPicker">选择时间</button>
<jc-week-picker ref="weekPicker" :value="value" @change="change"></jc-week-picker>
</view>
</template>
export default{
data() {
return {
value: '',//设置初始选中的日期,格式:YYYY-MM-DD
}
},
methods:{
/**
* 打开选择窗口
*/
openWeekPicker(){
this.$refs.weekPicker.open();
},
/**
* 改变选中项
* e={startDate:'YYYY-MM-DD',endDate:'YYYY-MM-DD'}
* @param {Object} e
*/
change(e){
console.log(e);
let startDate=e.startDate;
let endDate=e.endDate;
},
},
}
API
Props
参数 |
说明 |
类型 |
默认值 |
说明 |
value |
设置默认时间 |
String |
'' |
非必填(yyyy-mm-dd) |
事件 Events
事件名 |
说明 |
返回值 |
change |
用户点击确定后返回选择的周数据 |
e={startDate:'YYYY-MM-DD',endDate:'YYYY-MM-DD'} |