index.js 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. import { $wuxCalendar } from '../../dist/index'
  2. import ad from '../index/ad'
  3. ad({
  4. data: {
  5. value1: [],
  6. displayValue1: '请选择',
  7. value2: [],
  8. displayValue2: '请选择',
  9. value3: [],
  10. displayValue3: '请选择',
  11. value4: [],
  12. displayValue4: '请选择',
  13. },
  14. openCalendar1() {
  15. $wuxCalendar().open({
  16. value: this.data.value1,
  17. onChange: (values, displayValues) => {
  18. console.log('onChange', values, displayValues)
  19. this.setData({
  20. value1: displayValues,
  21. displayValue1: displayValues.join(','),
  22. })
  23. },
  24. })
  25. },
  26. openCalendar2() {
  27. $wuxCalendar().open({
  28. value: this.data.value2,
  29. multiple: true,
  30. onChange: (values, displayValues) => {
  31. console.log('onChange', values, displayValues)
  32. this.setData({
  33. value2: displayValues,
  34. displayValue2: displayValues.join(','),
  35. })
  36. },
  37. })
  38. },
  39. openCalendar3() {
  40. $wuxCalendar().open({
  41. value: this.data.value3,
  42. direction: 'vertical',
  43. onChange: (values, displayValues) => {
  44. console.log('onChange', values, displayValues)
  45. this.setData({
  46. value3: displayValues,
  47. displayValue3: displayValues.join(','),
  48. })
  49. },
  50. })
  51. },
  52. openCalendar4() {
  53. const now = new Date()
  54. const minDate = now.getTime()
  55. const maxDate = now.setDate(now.getDate() + 7)
  56. $wuxCalendar().open({
  57. value: this.data.value4,
  58. minDate,
  59. maxDate,
  60. onChange: (values, displayValues) => {
  61. console.log('onChange', values, displayValues)
  62. this.setData({
  63. value4: displayValues,
  64. displayValue4: displayValues.join(','),
  65. })
  66. },
  67. })
  68. },
  69. })