<ui-calendar dataSource="{{config}}" />

const Pager = require('../../components/aotoo/core/index')
Pager({
 data: {
  config: {
   $$id: 'calendar',
   mode: 1, // 縱向日歷
   type: 'range', // 區(qū)域選擇
   tap: 'onTap', // page響應(yīng)事件
   total: 365, // 定義從今天開(kāi)始一年事件
   rangeCount: 28, // 區(qū)選區(qū)間28天
   festival: true, // 開(kāi)啟節(jié)假日顯示
   value: ['2019-12-24', '2020-01-05'], // 默認(rèn)值
   methods: { 
    // 響應(yīng) tap事件
    onTap(e, param, inst) {
     if (param.range === 'start') {
      inst.update({dot: [{title: '入住'}]})
     }
     if (param.range === 'end') {
      inst.update({dot: [{title: '離店'}]})
      setTimeout(() => {
       Pager.alert('離店，跳回頁(yè)面')
      }, 1000);
     }
     console.log(param);
    }
   }
  }
 }
})

let calenderConfig = {
 $$id: 'calendar',
 mode: 2, // 1，縱向日歷 2，橫向日歷
 type: 'single', // single：?jiǎn)芜x range: 區(qū)間選擇 multiple：多選
 tap: 'onTap', // 回調(diào)事件
 total: 180, // 所有日期選擇天數(shù)
 methods: { // 響應(yīng)方法
  onTap(e, param, inst) {
   console.log(param);
  }
 }
}

let calendarConfig = {
 $$id: 'calendar', //實(shí)例id
 mode: 1, // 縱向日歷
 type: 'range', // 區(qū)間選擇日歷
 tap: 'onTap', // tap響應(yīng)方法
 total: 365, // 指定日歷從今天開(kāi)始總天數(shù)
 rangeCount: 28, // 區(qū)間范圍
 rangeMode: 1, // 區(qū)間選擇是否隱藏非區(qū)間的月份
 festival: true, // 是否顯示節(jié)假日
 value: ['2020-04-03', '2020-04-09'], // 默認(rèn)值
 methods: { 
  // 定義響應(yīng)方法 
  onTap(e, param, inst) {
   
   if (param.range === 'start') { // 第一次點(diǎn)擊時(shí)
    inst.update({dot: [{title: '入住'}]})
   }
   if (param.range === 'end') { // 第二次點(diǎn)擊時(shí)
    inst.update({dot: [{title: '離店'}]})
   }
   console.log(param);
  }
 }
}

let calenderConfig = {
 $$id: 'calendar',
 mode: 2,
 type: 'multiple', // single：?jiǎn)芜x range: 區(qū)間選擇 multiple：多選
 tap: 'onTap', // 回調(diào)事件
 total: 180, // 所有日期選擇天數(shù)
 value: ['2020-04-03', '2020-04-09', '2020-04-10'],
 methods: { // 響應(yīng)方法
  onTap(e, param, inst) {
   console.log(param);
  }
 }
}

let calenderConfig = {
 $$id: 'calendar',
 mode: 2, // 1，縱向日歷 2，橫向日歷
 type: 'single', // single：?jiǎn)芜x range: 區(qū)間選擇 multiple：多選
 tap: 'onTap', // 回調(diào)事件
 total: 180, // 所有日期選擇天數(shù)，此例中無(wú)效 
 data: [{"date":"2020-04-03"}, {"date":"2020-06-03"}],
 methods: { // 響應(yīng)方法
  onTap(e, param, inst) {
   console.log(param);
  }
 }
},

let calenderConfig = {
 $$id: 'calendar',
 mode: 2, // 1，縱向日歷 2，橫向日歷
 type: 'single', // single：?jiǎn)芜x range: 區(qū)間選擇 multiple：多選
 tap: 'onTap', // 回調(diào)事件
 total: 180, // 所有日期選擇天數(shù)，此例中無(wú)效
 data: [{"date":"2020-04-03"}, {"date":"2020-06-03"}],
 toolbox: {
  discontinue: true // 允許構(gòu)建跨月日歷
 },
 methods: { // 響應(yīng)方法
  onTap(e, param, inst) {
   console.log(param);
  }
 }
},

let calenderConfig = {
 $$id: 'calendar',
 mode: 1, // 1，縱向日歷 2，橫向日歷
 type: 'single', // single：?jiǎn)芜x range: 區(qū)間選擇 multiple：多選
 tap: 'onTap', // 回調(diào)事件
 data: [{"date":"2020-09-03"}, {"date":"2020-12-28"}],
 festival: ['教師節(jié)', '圣誕節(jié)'],
 toolbox: {
  discontinue: true // 允許忽略無(wú)數(shù)據(jù)月份
 },
 methods: { // 響應(yīng)方法
  onTap(e, param, inst) {
   console.log(param);
  }
 }
},

config.data = [{date: '2020-03-03', content: {dot: ['內(nèi)容']}}] 

// 配置所有日期的附加內(nèi)容  
config.date = {dot: ['自定義內(nèi)容']} 

// 指定日期內(nèi)容配置  
config.date = function(param){
 // 通過(guò)param的屬性寫(xiě)邏輯 param.date, param.year, param.month, param.day ...
 if (param.date === '2020-8-13') {
  param.dot = ['附加內(nèi)容']
  return param
 }
}

let calenderConfig = {
 $$id: 'calendar',
 mode: 2, // 1，縱向日歷 2，橫向日歷
 type: 'single', // single：?jiǎn)芜x range: 區(qū)間選擇 multiple：多選
 tap: 'onTap', // 回調(diào)事件
 date: function(param){
  if (param.month === 12 && param.day === 26) {
   param.dot = ['誕辰']
   return param
  }
  if (param.month === 9 && param.day === 10) {
   param.dot = [
    {title: '生日', itemStyle: 'font-size: 11px; color: blue;'},
    {title: '騙你的', itemStyle: 'font-size: 11px; color: #666'},
   ]
   return param
  }
  if (param.month === 9 && param.day === 20) {
   param.dot = [
    {title: '無(wú)效日期', itemStyle: 'font-size: 12px; color: red;'},
    {title: '不能交互', itemStyle: 'font-size: 12px; color: #666;'},
   ]
   param.disable = true
   return param
  }
 },
 toolbox: {
  discontinue: true
 },
 data: [{"date":"2020-09-03"}, {"date":"2020-12-28"}],
 methods: { // 響應(yīng)方法
  onTap(e, param, inst) {
   console.log(param);
  }
 }
},