大家好，我是执着于研究Office小技巧的Angie……
  
Excel表格堪称职场达人必做项，为了追求美观可视化，每次都要手动操作对表格边框、单元格填充、字体大小进行设置，重点是每次自定义设置完，不仅没有达到美观效果，还极其浪费时间，殊不知Excel智能表格有“一键变身”效果。
  
今天给大家分享的小技巧是关于Excel智能表格——套用表格格式。
  
我们以“Angie自行车公司各区域每日销售额日报表”为例，
  
首先看下我们做出的表格往往是这样的
  

  
Excel达人做出来的表格是这样的
  

  
区别在于Excel达人使用了套用表格格式
  
❶  “一键变身”
  
选中表格区域，菜单【开始】→【样式】→【套用表格格式】→选择合适的样式→“套用表格式”对话框中勾选“表包含标题”→确定
  
注：取消标题行筛选，【表格工具】→【设计】→【表格样式选项】→取消勾选【筛选按钮】
  

  
❷ 切片器智能筛选
  
单击智能表格任意区域，【表格工具】→【设计】→【切片器】
  
智能筛选日期和区域，可以动态分类查看
  
❸ 下拉右下角格式自动复制
  
问：如何想要添加数据怎么办？是否需要格式刷格式？是否需要重新填充颜色、设置边框呢？
  
答：不需要，我们观察智能表格右下角有个小角标，下拉角标即可自动复制格式
  
❹ 高效进行数据统计
  
我们发现功能区表格样式选项区域有个“汇总行”选项，它位于智能表格末尾，用于显示每一列的汇总，可以计算平均值、计数、求和，标记最大值、最小值，求方差等。
  

  
❺ 取消套用表格格式
  
当套用了智能表格格式后，标题就不能合并单元格了，影响最终表格查看效果……
  
所以当表格不再更新完善后，我们可以将智能表格转换为普通表格
  
【表格工具】→【设计】→【工具】→【转换为区域】
  

  
最后一步合并标题单元格即可
  
 
 
 

最近在自学element ui与vue的使用
试着玩了一下表格 效果大概这样


点击编辑按钮后，可以对该条信息进行修改


但是element ui的日期默认格式为
因此每次修改日期，虽然修改成功了，但结果一直是undefined
搜索了一波，都说需要修改日期默认格式，用change事件
好的，开始修改。
<el-dialog title="编辑活动" :visible.sync="dialogFormVisible">
            <el-form :model="editForm" label-position="left">
                <el-form-item label="活动日期" :label-width="formLabelWidth" >
                    <el-date-picker v-model="editForm.date" @change="getSTime"  format="yyyy-MM-dd" type="date"></el-date-picker>                    
                </el-form-item>
                <el-form-item label="活动类型" :label-width="formLabelWidth">
                <el-select v-model="editForm.type">
                    <el-option  v-for="type in types" :value="type"></el-option>
                </el-select>
                </el-form-item>
                <el-form-item label="活动名称" :label-width="formLabelWidth">
                    <el-input v-model="editForm.name" ></el-input>
                </el-form-item>                
                <el-form-item label="活动地址" :label-width="formLabelWidth">
                     <el-input v-model="editForm.address"></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogFormVisible = false">取消</el-button>
                <el-button type="primary" @click="save(editId)">保存</el-button>
            </div>
        </el-dialog> 
再在method中添加如下事件
  methods: {
    getSTime(val) {
      this.editForm.date = val;
      console.log(val);
    },}
呃呃呃 网上多篇是这么写的，但是结果还是不行啊。这时候，boss小姐姐给看了公司的代码。发现问题了。
少写了 value-format="yyyy-MM-dd"
将活动日期修改为
<el-form-item label="活动日期" :label-width="formLabelWidth" >
                    <el-date-picker v-model="editForm.date" @change="getSTime" value-format="yyyy-MM-dd" format="yyyy-MM-dd" type="date"></el-date-picker>                    
                </el-form-item>
大功告成。

问题：
 表格中时间格式 控制台显示后台传过来是 2019-12-27 表格中显示是 2019-12-27 00：00：00
 
解决：
 
下载moment.js
npm install moment --save
 
在组件下：用 ‘:formatter’ 来绑定 设置时间格式的方法carTimeFilte
 <el-table-column
     prop="carTime"
     label="创建时间"
     :formatter="carTimeFilter">                   
  </el-table-column>
 
在本组件中引用 moment.js
 import moment from 'moment';
 
表格中日期过滤 YYYY-MM-DD
carTimeFilter(row, column, cellValue, index) {
    const daterc = row[column.property]
    if(daterc !=null){
    	return moment(daterc).format("YYYY-MM-DD")
    }
}
 

 
我们在Excel常常会输入各种日期，而很多人在输入日期时总是达不到自己想要的那种，总是会或多或少的出现一些差别，今天就来总结一下在excel中输入日期的方法及技巧，希望对你有有所帮助。
 
　　工具/原料
 
　　Office Excel
 
　　方法一、快速输入日期
 
　　1、如果你要快速输入当前日期，你只需在Excel的单元格中按【Ctrl+;】就可以了，注意分号(；)必须是半角英文的，这时就会自动出现当前(今天)日期了，输入当前时间为【Ctrl+Shift+:】，冒号也是半角英文的哦。
 
　　2、如果你要输入的不是当前日期而是其他日期，那么你可以在单元格中按下面的格式输入日期，例如：2012/8/8或者是2012-8-8就可以了。
 
　　方法二、输入年月日的格式日期
 
　　1、如果我们要输入年月日的日期格式，例如：2012年8月8日，这时就必须进行一些设置，步骤如下：
 
　　2、步骤一、选中要输入日期的单元格，然后右击鼠标，选择【设置单元格格式】菜单栏，如图所示：
 

  
 
 
　　3、步骤二、进入单元格格式设置窗口，然后选择【数字】选项卡，在【分类】列表中选中【日期】，然后在【类型】中选择【2001年3月14日】这种类型，点【确定】就可以了，如图所示：
 

  
 
 
　　4、步骤三、接着在要输入日期的单元格中输入日期，输入的格式必须以前面输入方法相同，如：输入2012/8/8就自动出现2012年8月8日了。
 
　　方法三、输入自定义格式日期
 
　　1、有时我们要输入其他类型的日期，例如：2012.8.8，如果按前面的方法就实现不了，这时就必须用自定义格式了，步骤如下：
 
　　2、步骤一、选中要输入日期的单元格，然后右击鼠标，选择【设置单元格格式】菜单栏，如图所示：
 

  
 
 
　　3、步骤二、在单元格设置窗口中选择【数字】选项卡，然后在【分类】列表中选中【自定义】，然后在自定义【类型】中输入【yyyy"."m"."d;@】日期格式，点【确定】按钮，如图所示：
 

  
 
 
　　4、步骤三、接着就可以在刚才设置好的单元格中输入日期了就可以了，输入的方法跟上面一样。
 
　　方法四、excel自动输入日期(系列)
 
　　1、如果你是要输入一个系列日期，那么你只需输入二个，然后选中这2个日期单元格，鼠标移动右下角，出现“+”标记按住左键不放向下拖就会自动出现日期系列了，这种方适合于各种系列，如图所示(步骤)，其实在做日期系列的时候按第一个右下角也是可以拖出系列的，你试试吧。
 

  
 
 
　　方法五、excel输入带星期的日期
 
　　1、这类方法与方法二基本相同，只是在选择日期格式的时候选择就可以了，如图所示：
 

  
 
 
　　2、最终输入日期后的结果如下：