crm-app-vue3/uni_modules/jtime-picker-popup

jtime-picker-popup

• 用于日期的选择。通常与弹出层组件配合使用。

安装

插件市场导入即可。首次导入可能需要重新编译

代码演示

  <jtimePickerPopup
    :isShowShortTimeList="true"
    shortTimeTitle="开票时间"
    :shortTimeList='shortTimeList'
    :isShowSeletTimeTitle="true"
    seletTimeTitle="时间选择"
    cancelText="取消"
    confirmText="确认"
    :beginSelectYear="1930"
    :endSelectYear="2025"
    :endSelectMonth="-1"
    :endSelectDay="-1"
    beginTimePlaceHolder='开始时间'
    endTimePlaceHolder="结束时间"
    :isDateTypeRange="true"
    :isShowSelectedTimeEcho="true"
    originBeginTime="2024/11/10"
    originEndTime="2025/05/20"
    @confirm="getSelectTime"
  >
  </jtimePickerPopup>

参数说明

• isShowShortTimeList：是否显示快捷时间选择列表，示例中为：展示时间快捷选择
• shortTimeTitle：快捷时间标题，示例中为：开票时间
• shortTimeList：>快捷时间列表，示例中为：近半月、近三月、近一年，传入的格式为数组，[{unit: 'day', key: '近半月', value: 15},{unit: 'month', key: '近三月', value: 3},{unit: 'year', key: '近一年', value: 1}]
• isShowSeletTimeTitle：是否展示非快捷时间选择标题，示例中为：'自定义'三个字
• seletTimeTitle：选择器标题，示例中为：'时间选择'
• cancelText：取消按钮文字，示例中为：'取消'
• confirmText：确认按钮文字，示例中为：'确认'
• beginSelectYear：选择器开始年份，示例中为：1930
• endSelectYear：选择器结束年份，示例中为：2025
• endSelectMonth：选择器结束月份，起始月份默认从1月份开始，不传则默认为-1，-1表示到当前月份
• endSelectDay：选择器结束天数，起始默认从第1天开始，不传默认为-1，-1表示到今天
• originBeginTime：选择器选择的开始时间，示例中选中时间为2024/11/10
• originEndTime：选择器选择的结束时间，示例中选中时间为2025/05/20
• isDateTypeRange：选择器是否是时间区间范围选择器，否的话为单个时间选择，示例中为：true表示有起始时间跟结束时间的区间范围选择
• isShowSelectedTimeEcho：是否回显展示当前选中的时间，示例中为：'开始时间至结束时间'的文本展示

回调方法说明

• confirm({beginTime, endTime})
• 如果选择器为非时间范围选择，则第二个参数endTime为空 getSelectTime(timeValue) { this.beginTime = timeValue.beginTime this.endTime = timeValue.endTime }