vue日历/日程提醒/html5本地缓存功能

2020-06-12 21:15:14易采站长站整理

          <span v-if="day.getMonth()+1 != currentMonth" class="other-month">{{ day.getDate() }}</span>
          <span v-else>
            <!--今天-->
            <span v-if="day.getFullYear() == new Date().getFullYear() && day.getMonth() == new Date().getMonth() && day.getDate() == new Date().getDate()" class="active">{{ day.getDate() }}</span>
            <span v-else>{{ day.getDate() }}</span>
          </span>
        </li>
        <li><i class="mui-icon mui-icon-arrowdown"></i></li>
     </ul>
  </div>
  <!-- 添加日程 -->
  <div id="content" v-if="show">
    <div class="nav">
      <span class="back" @click="eventAdd_false">返回</span>
      <span class="finish" @click="eventAdd_true(id)">完成</span>
    </div>
    <div class="mui-input-row">
      <input type="text" placeholder="日程内容" ref="eventName"/>
      <input type="text" placeholder="备注信息" ref="eventInfo"/>
      <input type="text" list="cars" placeholder="担任角色" ref="eventRole"/>
      <datalist id="cars">
        <option value="经办人">
        <option value="交办人">
        <option value="其他">
      </datalist>
      <input type="text" v-model="getRemindTime" placeholder="设置提醒时间" @click="timeAdd"/>
    </div>
    <div class="overlay" v-if="selectTime">
      <div id="curtain">
        <div class="icon-shell">
          <div class="icon-false" @click="setTime_false">X</div>
          <div class="icon-true" @click="setTime_true"></div>
        </div>
        <div class="clear"></div>
        <label >日
          <input type="number" v-model="currentDay" min="0" />
        </label>
        <label >时
          <input type="number" v-model="currentHour" min="0" />
        </label>
        <label >分
          <input type="number" v-model="currentMinute" min="0" />
        </label>
      </div>
    </div>