更新记录
1.0.2(2025-06-03) 下载此版本
修复同一天上午下午交换显示问题
1.0.1(2025-05-23) 下载此版本
修复bug
1.0.0(2025-05-23) 下载此版本
新发布
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - | - | - |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
半天日期选择组件
半天时间选择,或者范围选择
参数配置
参数及回调 | 类型 | 默认值 | 说明 |
---|---|---|---|
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>