基于element-ui的Vue计算工作日组件

最新推荐文章于 2023-04-28 11:31:13 发布

节艹鸣泣之时

最新推荐文章于 2023-04-28 11:31:13 发布

阅读量2.4k

点赞数

分类专栏： vue 学习笔记

本文链接：https://blog.csdn.net/qq_36414265/article/details/81109792

版权

本文介绍了如何基于Element-UI库创建一个Vue组件，该组件专门用于计算工作日。通过这个组件，开发者可以轻松地在项目中实现工作日的便捷计算。

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

之前看了一个计算工作日的函数，所以就想到做一个Vue的组件，方便以后直接使用

<template>
  <div class="hello">
    <div class="block date_box_left">
      <span class="demonstration">开始时间：</span>
      <el-date-picker v-model="value1" type="date" placeholder="选择日期时间">
      </el-date-picker>
    </div>
    <div class="block date_box_right">
      <span class="demonstration">结束时间：</span>
      <el-date-picker v-model="value2" type="date" placeholder="选择日期时间">
      </el-date-picker>
    </div>
    <div class="date_confirm">
      <el-button @click="computeDaysDelta(value1, value2)">确认</el-button>
    </div>
    <p>结果：{
  { result }}</p>
  </div>
</t