微信小程序提供了日期时间选择器组件picker
和日历组件calendar
,但如果需要自定义样式或者功能,可以考虑封装一个日期时间组件。
以下是一个简单的日期时间组件的封装示例:
在
/components
目录下创建一个datetime-picker
文件夹,创建datetime-picker.wxml
、datetime-picker.wxss
、datetime-picker.js
和datetime-picker.json
四个文件。在
datetime-picker.json
中定义组件的属性:
{
"component": true,
"usingComponents": {},
"properties": {
"startDate": {
"type": String,