更新记录
2.0.1(2024-07-30) 下载此版本
修改已知问题
2.0.0(2024-07-30) 下载此版本
1、新增日期范围选择 2、新增日期选择 3、优化样式
1.0.0(2024-01-23) 下载此版本
可以同时选择时间和日期的插件
查看更多平台兼容性
uni-app
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| × | √ | - | - | √ | - | - | - | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - | - | - |
其他
| 多语言 | 暗黑模式 | 宽屏模式 |
|---|---|---|
| × | × | √ |
欢迎使用 s-datetime 日期选择器(支持日期范围选择、日期时间选择、日期选择)
日期选择
<s-date
v-model="test"
:border="false"
placeholder="点击选择日期"
active-color="red"
@change="handleChange"
/>
属性说明
| 属性名 | 类型 | 默认值 | 是否必填 | 说明 |
|---|---|---|---|---|
| v-model | String | '' | 是 | 日期(yyyy-MM-dd) |
| border | Boolean | true | 否 | 输入框是否有边框 |
| placeholder | String | 点击选择时间 | 否 | 占位符 |
| active-color | String | #FFAA19 | 否 | 主题颜色 |
方法说明
| 名称 | 类型 | 返回值 | 说明 |
|---|---|---|---|
| change | Function | 例:2024-07-30 | 时间更改 |
日期范围选择
<s-daterange
v-model="test"
:border="false"
placeholder="点击选择日期范围"
active-color="red"
@change="handleChange"
/>
属性说明
| 属性名 | 类型 | 默认值 | 是否必填 | 说明 |
|---|---|---|---|---|
| v-model | Array | [] | 是 | 日期范围([开始日期, 结束日期]) |
| border | Boolean | true | 否 | 输入框是否有边框 |
| placeholder | String | 点击选择时间 | 否 | 占位符 |
| active-color | String | #FFAA19 | 否 | 主题颜色 |
方法说明
| 名称 | 类型 | 返回值 | 说明 |
|---|---|---|---|
| change | Function | 例:[2024-07-30, 2024-08-01] | 时间更改 |
日期和时间选择
<s-datetime
v-model="test"
:border="false"
placeholder="点击选择时间"
active-color="red"
@change="handleChange"
/>
属性说明
| 属性名 | 类型 | 默认值 | 是否必填 | 说明 |
|---|---|---|---|---|
| v-model | String | '' | 是 | 日期和时间 (yyyy-MM-dd HH:mm:ss) |
| border | Boolean | true | 否 | 输入框是否有边框 |
| placeholder | String | 点击选择时间 | 否 | 占位符 |
| active-color | String | #FFAA19 | 否 | 主题颜色 |
方法说明
| 名称 | 类型 | 返回值 | 说明 |
|---|---|---|---|
| change | Function | 例: 2024-01-23 00:00:00 | 时间更改 |

收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 151
赞赏 0
下载 12770819
赞赏 1833
赞赏
京公网安备:11010802035340号