js日历打印

小窝咪嗷

于 2022-01-12 09:30:18 发布

阅读量324

点赞数

分类专栏： js 文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/panpan2316872469/article/details/122446192

版权

本文介绍了如何在前端项目中使用JavaScript和Vue.js来创建并打印日历。首先，需要引入相关插件，参照官网指导进行依赖安装。接着，展示了HTML模板和JS逻辑，其中JS部分用于计算当前月份的天数及其对应星期。最后，定义了data属性来存储日历数据。

摘要由CSDN通过智能技术生成

要引入插件

具体怎么引入依赖参考官网

import Print from 'vue-print-nb'
Vue.use(Print)

html部分,template部分

 <el-date-picker
          :clearable="false"
          v-model="sYearMon"
          type="month"
          placeholder="年月"
          size="mini"
          value-format="yyyy-MM"
          value="yyyy-MM"
          @change="getData(sYearMon);sYearMonChange(sYearMon)"
        ></el-date-picker>
 <div>
      <div id="box" style="width: 100%; height: 100%">
        <h5 style="font-size: 16px; height: 25px;line-height: 25px;">{
  { sYearMon }}</h5>
        <table border="1" style="height: 100%; width: 100%;table-layout:fixed;">
          <tr style="height: 45px">
            <th>一</th>
            <th>二</th>
            <th>三</th>