DetailDatePicker 详情日期选择器

用于选择单个日期或日期范围，常用于详情页或筛选页。

引入

组件位置

/main/pages/component/detailDatePicker/index

"usingComponents": {
  "detailDatePicker": "/main/pages/component/detailDatePicker/index"
}

代码演示

基础用法

<detailDatePicker 
  isShow="{{isShow}}" 
  mode="single" 
  defaultDate="{{defaultDate}}"
  bind:confirm="onConfirm"
  bind:close="onClose"
/>

范围选择

<detailDatePicker 
  isShow="{{isShow}}" 
  mode="range" 
  defaultDate="{{startDate}}"
  defaultEndDate="{{endDate}}"
  bind:confirm="onConfirm"
  bind:close="onClose"
/>

API

Props

参数	说明	类型	默认值
isShow	是否显示弹窗	boolean	false
mode	选择模式，可选值为 single range	string	single
defaultDate	默认选中日期（YYYY-MM-DD）	string	-
defaultEndDate	范围模式下的默认结束日期	string	-

Events

事件名	说明	回调参数
confirm	点击确定按钮时触发	value: string | {startDate: string, endDate: string}
close	点击遮罩层时触发	-