props.js 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. export default {
  2. props: {
  3. // 是否打开组件
  4. show: {
  5. type: Boolean,
  6. default: uni.$u.props.datetimePicker.show
  7. },
  8. // 是否展示顶部的操作栏
  9. showToolbar: {
  10. type: Boolean,
  11. default: uni.$u.props.datetimePicker.showToolbar
  12. },
  13. // 绑定值
  14. value: {
  15. type: [String, Number],
  16. default: uni.$u.props.datetimePicker.value
  17. },
  18. // 顶部标题
  19. title: {
  20. type: String,
  21. default: uni.$u.props.datetimePicker.title
  22. },
  23. // 展示格式,mode=date为日期选择,mode=time为时间选择,mode=year-month为年月选择,mode=datetime为日期时间选择
  24. mode: {
  25. type: String,
  26. default: uni.$u.props.datetimePicker.mode
  27. },
  28. // 可选的最大时间
  29. maxDate: {
  30. type: Number,
  31. // 最大默认值为后10年
  32. default: uni.$u.props.datetimePicker.maxDate
  33. },
  34. // 可选的最小时间
  35. minDate: {
  36. type: Number,
  37. // 最小默认值为前10年
  38. default: uni.$u.props.datetimePicker.minDate
  39. },
  40. // 可选的最小小时,仅mode=time有效
  41. minHour: {
  42. type: Number,
  43. default: uni.$u.props.datetimePicker.minHour
  44. },
  45. // 可选的最大小时,仅mode=time有效
  46. maxHour: {
  47. type: Number,
  48. default: uni.$u.props.datetimePicker.maxHour
  49. },
  50. // 可选的最小分钟,仅mode=time有效
  51. minMinute: {
  52. type: Number,
  53. default: uni.$u.props.datetimePicker.minMinute
  54. },
  55. // 可选的最大分钟,仅mode=time有效
  56. maxMinute: {
  57. type: Number,
  58. default: uni.$u.props.datetimePicker.maxMinute
  59. },
  60. // 选项过滤函数
  61. filter: {
  62. type: [Function, null],
  63. default: uni.$u.props.datetimePicker.filter
  64. },
  65. // 选项格式化函数
  66. formatter: {
  67. type: [Function, null],
  68. default: uni.$u.props.datetimePicker.formatter
  69. },
  70. // 是否显示加载中状态
  71. loading: {
  72. type: Boolean,
  73. default: uni.$u.props.datetimePicker.loading
  74. },
  75. // 各列中,单个选项的高度
  76. itemHeight: {
  77. type: [String, Number],
  78. default: uni.$u.props.datetimePicker.itemHeight
  79. },
  80. // 取消按钮的文字
  81. cancelText: {
  82. type: String,
  83. default: uni.$u.props.datetimePicker.cancelText
  84. },
  85. // 确认按钮的文字
  86. confirmText: {
  87. type: String,
  88. default: uni.$u.props.datetimePicker.confirmText
  89. },
  90. // 取消按钮的颜色
  91. cancelColor: {
  92. type: String,
  93. default: uni.$u.props.datetimePicker.cancelColor
  94. },
  95. // 确认按钮的颜色
  96. confirmColor: {
  97. type: String,
  98. default: uni.$u.props.datetimePicker.confirmColor
  99. },
  100. // 每列中可见选项的数量
  101. visibleItemCount: {
  102. type: [String, Number],
  103. default: uni.$u.props.datetimePicker.visibleItemCount
  104. },
  105. // 是否允许点击遮罩关闭选择器
  106. closeOnClickOverlay: {
  107. type: Boolean,
  108. default: uni.$u.props.datetimePicker.closeOnClickOverlay
  109. },
  110. // 各列的默认索引
  111. defaultIndex: {
  112. type: Array,
  113. default: uni.$u.props.datetimePicker.defaultIndex
  114. }
  115. }
  116. }