更新记录
1.0.3(2025-08-07) 下载此版本
调整图标
1.0.2(2025-06-03) 下载此版本
修复同一天上午下午交换显示问题
1.0.1(2025-05-23) 下载此版本
修复bug
查看更多平台兼容性
uni-app(4.07)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ | √ | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| - | - | - | - | - | - | - | - | - | - | - |
uni-app x(4.63)
| Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
|---|---|---|---|---|---|
| - | - | - | - | - | - |
半天日期选择组件
半天时间选择,或者范围选择
参数配置
| 参数及回调 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| placeholder | String | 请选择 | 非时间范围选择提示语 |
| isRange | Boolean | true | 是否是时间范围选择 |
| disabled | Boolean | false | 禁用 |
| value | String,Arrary | null、[] | 绑定的值,时间范围为[],单个时间为null |
| border | Boolean | false | 边框 |
| clearable | Boolean | false | 清除按钮显示 |
| rangeSeparator | String | - | 时间范围选择分隔符 |
| selectorStyle | String | '' | 组件样式,例:height:10px |
| align | String | left | 对齐方式\:left、center、right,isRange为true无效 |
| start | String | '' | 限制开始时间范围 |
| end | String | '' | 限制结束时间范围 |
| showArrows | Boolean | true | 右侧箭头显示 |
回调方法
| 方法名 | 类型 | 回调说明 |
|---|---|---|
| change | Function | 点击确定和清空时触发,范围回调数组,单个回调字符串 |
| cancel | Function | 点击取消的触发 |
示例
<template>
<fly-day v-model="value" placeholder="选择日期" :clearable="false" :border="true" :disabled="false" @change="onChange" @cancel="onCancel"/>
<fly-date-time v-model="value2" isRange :clearable="false" :border="true" :disabled="false" @change="onChange" @cancel="onCancel"/>
</template>
<script>
export default {
data() {
return {
value:'',
value2:[],
}
},
methods: {
onChange(val){
console.log(val);
},
onCancel(){
}
}
}
</script>

收藏人数:
下载插件并导入HBuilderX
赞赏(0)
下载 32
赞赏 0
下载 11545488
赞赏 1813
赞赏
京公网安备:11010802035340号