1.實現效果
可以設置不同的主題色
在這里插入圖片描述
2.實現步驟
定義組件date:
在這里插入圖片描述
組件的屬性properties:
isShow:是否展示日期選擇
timeStart:區間的開始時間
timeEnd:區間的結束時間
minDate:日期區間的最小時間,最小時間不要和當前日期相差太久
theme_color:主題色值
組件的方法:
最小時間,可進行自定義,無最大時間,當滑動至頁面的底端,每次加載下六個月的日期值。
利用scroll-into-view的屬性將日期定位到當前月份。
引入組件
{
"usingComponents": {
"date":"../components/date/index"
},
"navigationBarTitleText": "自定義多日期選擇"
}
<!--minDate最小時間 默認為2018/1/1,日期格式為yyyy/mm/dd ,最小時間和當前日期盡量不要相差太大,無最大日期,在觸底時每次加載6個月-->
<date isShow="true" timeStart="{{sel_list.start_time}}" minDate="2019/1/1" timeEnd="{{sel_list.end_time}}" theme_color="#2493F8"
bind:tapYes="dateSubmit" bind:tapNo="closeModal" id="date" />