```html
  <div class="demo-block" id="calendar-demo1">
    <lx-group title="default">
      <lx-calendar
        v-model="demo1"
        title="Calendar"
        disable-past
      />
    </lx-group>
    <lx-group title="set value as TODAY">
      <lx-calendar
        v-model="demo2"
        title="Calendar"
        disable-past
      />
    </lx-group>
    <lx-group title="disable future">
      <lx-calendar
        v-model="demo3"
        title="Calendar"
        disable-future
      />
    </lx-group>
  </div>

<script>
// 日历.md
new Vue({
  el: '#calendar-demo1',
  data: {
    demo1: '',
    demo2: 'TODAY',
    demo3: 'TODAY'
  }
})
</script>
```