更新记录
1.0.1(2025-02-12)
下载此版本
更新插件完整功能
1.0.0(2025-02-12)
下载此版本
1.0.0
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.8.12 app-vue |
× |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
√ |
√ |
√ |
√ |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
× |
√ |
√ |
√ |
zy-date-picker
功能&特点
日期选择器,支持日,周,月,年选择模式,
Props
参数 |
类型 |
默认值 |
说明 |
type |
String |
day |
day:日选中器,week:周范围选择器,month:月选择器,year:年选择器 |
disabledNew |
Boolean |
true |
是否禁用未来的日期 |
defaultDate |
String |
'' |
默认显示时间 |
使用方式
<template>
<view style="display: flex;">
日:<zy-date-picker :defaultDate="single" type="day" @updateFn="updateFn"></zy-date-picker>
</view>
<view style="display: flex;">
周:<zy-date-picker :defaultDate="single2" type="week" @updateFn="updateFn2"></zy-date-picker>
</view>
<view style="display: flex;">
月:<zy-date-picker :defaultDate="single3" type="month" @updateFn="updateFn3"></zy-date-picker>
</view>
<view style="display: flex;">
年:<zy-date-picker :defaultDate="single4" type="year" @updateFn="updateFn4"></zy-date-picker>
</view>
</template>
<script setup>
import { ref } from 'vue'
const single = ref(null)
const updateFn = (val) => {
single.value = val
}
const single2 = ref(null)
const updateFn2 = (val) => {
single2.value = val
}
const single3 = ref(null)
const updateFn3 = (val) => {
single3.value = val
}
const single4 = ref(null)
const updateFn4 = (val) => {
single4.value = val
}
</script>
<style></style>