props.js 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. export default {
  2. props: {
  3. // 日历顶部标题
  4. title: {
  5. type: String,
  6. default: uni.$u.props.calendar.title
  7. },
  8. // 是否显示标题
  9. showTitle: {
  10. type: Boolean,
  11. default: uni.$u.props.calendar.showTitle
  12. },
  13. // 是否显示副标题
  14. showSubtitle: {
  15. type: Boolean,
  16. default: uni.$u.props.calendar.showSubtitle
  17. },
  18. // 日期类型选择,single-选择单个日期,multiple-可以选择多个日期,range-选择日期范围
  19. mode: {
  20. type: String,
  21. default: uni.$u.props.calendar.mode
  22. },
  23. // mode=range时,第一个日期底部的提示文字
  24. startText: {
  25. type: String,
  26. default: uni.$u.props.calendar.startText
  27. },
  28. // mode=range时,最后一个日期底部的提示文字
  29. endText: {
  30. type: String,
  31. default: uni.$u.props.calendar.endText
  32. },
  33. // 自定义列表
  34. customList: {
  35. type: Array,
  36. default: uni.$u.props.calendar.customList
  37. },
  38. // 主题色,对底部按钮和选中日期有效
  39. color: {
  40. type: String,
  41. default: uni.$u.props.calendar.color
  42. },
  43. // 最小的可选日期
  44. minDate: {
  45. type: [String, Number],
  46. default: uni.$u.props.calendar.minDate
  47. },
  48. // 最大可选日期
  49. maxDate: {
  50. type: [String, Number],
  51. default: uni.$u.props.calendar.maxDate
  52. },
  53. // 默认选中的日期,mode为multiple或range是必须为数组格式
  54. defaultDate: {
  55. type: [Array, String, Date, null],
  56. default: uni.$u.props.calendar.defaultDate
  57. },
  58. // mode=multiple时,最多可选多少个日期
  59. maxCount: {
  60. type: [String, Number],
  61. default: uni.$u.props.calendar.maxCount
  62. },
  63. // 日期行高
  64. rowHeight: {
  65. type: [String, Number],
  66. default: uni.$u.props.calendar.rowHeight
  67. },
  68. // 日期格式化函数
  69. formatter: {
  70. type: [Function, null],
  71. default: uni.$u.props.calendar.formatter
  72. },
  73. // 是否显示农历
  74. showLunar: {
  75. type: Boolean,
  76. default: uni.$u.props.calendar.showLunar
  77. },
  78. // 是否显示月份背景色
  79. showMark: {
  80. type: Boolean,
  81. default: uni.$u.props.calendar.showMark
  82. },
  83. // 确定按钮的文字
  84. confirmText: {
  85. type: String,
  86. default: uni.$u.props.calendar.confirmText
  87. },
  88. // 确认按钮处于禁用状态时的文字
  89. confirmDisabledText: {
  90. type: String,
  91. default: uni.$u.props.calendar.confirmDisabledText
  92. },
  93. // 是否显示日历弹窗
  94. show: {
  95. type: Boolean,
  96. default: uni.$u.props.calendar.show
  97. },
  98. // 是否允许点击遮罩关闭日历
  99. closeOnClickOverlay: {
  100. type: Boolean,
  101. default: uni.$u.props.calendar.closeOnClickOverlay
  102. },
  103. // 是否为只读状态,只读状态下禁止选择日期
  104. readonly: {
  105. type: Boolean,
  106. default: uni.$u.props.calendar.readonly
  107. },
  108. // 是否展示确认按钮
  109. showConfirm: {
  110. type: Boolean,
  111. default: uni.$u.props.calendar.showConfirm
  112. },
  113. // 日期区间最多可选天数,默认无限制,mode = range时有效
  114. maxRange: {
  115. type: [Number, String],
  116. default: uni.$u.props.calendar.maxRange
  117. },
  118. // 范围选择超过最多可选天数时的提示文案,mode = range时有效
  119. rangePrompt: {
  120. type: String,
  121. default: uni.$u.props.calendar.rangePrompt
  122. },
  123. // 范围选择超过最多可选天数时,是否展示提示文案,mode = range时有效
  124. showRangePrompt: {
  125. type: Boolean,
  126. default: uni.$u.props.calendar.showRangePrompt
  127. },
  128. // 是否允许日期范围的起止时间为同一天,mode = range时有效
  129. allowSameDay: {
  130. type: Boolean,
  131. default: uni.$u.props.calendar.allowSameDay
  132. },
  133. // 圆角值
  134. round: {
  135. type: [Boolean, String, Number],
  136. default: uni.$u.props.calendar.round
  137. },
  138. // 最多展示月份数量
  139. monthNum: {
  140. type: [Number, String],
  141. default: 3
  142. }
  143. }
  144. }