在Excel表格中,有許多不同功能的插件,可以有助于我們提高Excel制表效率,方便我們對數據進行快速便捷的處理,那么今天就給大家介紹一種Excel表格中自帶的日期插件,可以快速在表格中輸入指定日期時間,接下來就一起來看看如何添加吧。#頭條提現門檻下放至1元啦#
封面
方法步驟
1、打開Excel表格,點擊【文件】-【更多】-【選項】,然后在打開的“Excel選項”對話框中,,點擊【自定義功能區】,將右側的【開發工具】勾選,再點擊【確定】,這樣就將“開發工具”選項卡調出。
圖1
圖2
2、點擊【開發工具】-【加載項】,在打開的“office加載項”對話框中點擊【應用商店】,進入應用商店界面。
圖3
圖4
3、在office加載項“應用商店”中的搜索欄中輸入:get,然后點擊搜索,在右側找到【Mini Calendar and Date Picker】插件,點擊【添加】,即可在表格中添加一個日期插件。
圖5
圖6
4、添加完成,選擇表格中需要輸入日期的單元格,再點擊日期插件的日期,即可快速輸入日期,如需輸入時間則選中單元格,在點擊日期插件右下角的時鐘圖標即可。
圖7
圖8
注:如果Excel表格無加載項功能,可能是因為版本太低,可升級Excel版本。
官網:
http://www.daterangepicker.com
關于參數匯總:
http://www.daterangepicker.com/#options
<link href="/css/daterangepicker.min.css?ver=0.6" rel="stylesheet" type="text/css" />
<script src="/js/date-time/moment.js?ver=0.6" type="text/javascript"></script>
<script src="/js/date-time/daterangepicker.zh-CN.js?ver=0.6" type="text/javascript"></script>
<script src="/js/date-time/daterangepicker.js?ver=0.6" type="text/javascript"></script>
<div class="input-group" style="width: 240px; margin-left: -5px;">
<input type="text" class=&qu·ot;form-control date-picker" id="dateTimeRange" value="" />
<span class="input-group-addon">
<i class="fa fa-calendar bigger-110"></i>
</span>
<input type="hidden" name="beginTime" id="beginTime" value="" />
<input type="hidden" name="endTime" id="endTime" value="" />
</div>
<a href="javascript:;" onclick="begin_end_time_clear();">清除</a>
<script type="text/javascript">
$(function() {
$('#dateTimeRange').daterangepicker({
applyClass : 'btn-sm btn-success',
cancelClass : 'btn-sm btn-default',
locale: {
applyLabel: '確認',
cancelLabel: '取消',
fromLabel : '起始時間',
toLabel : '結束時間',
customRangeLabel : '自定義',
firstDay : 1
},
ranges : {
//'最近1小時': [moment().subtract('hours',1), moment()],
'今日': [moment().startOf('day'), moment()],
'昨日': [moment().subtract('days', 1).startOf('day'), moment().subtract('days', 1).endOf('day')],
'最近7日': [moment().subtract('days', 6), moment()],
'最近30日': [moment().subtract('days', 29), moment()],
'本月': [moment().startOf("month"),moment().endOf("month")],
'上個月': [moment().subtract(1,"month").startOf("month"),moment().subtract(1,"month").endOf("month")]
},
opens : 'right', // 日期選擇框的彈出位置
separator : ' 至 ',
showWeekNumbers : true, // 是否顯示第幾周
//timePicker: true,
//timePickerIncrement : 10, // 時間的增量,單位為分鐘
//timePicker12Hour : false, // 是否使用12小時制來顯示時間
//maxDate : moment(), // 最大時間
format: 'YYYY-MM-DD'
}, function(start, end, label) { // 格式化日期顯示框
$('#beginTime').val(start.format('YYYY-MM-DD'));
$('#endTime').val(end.format('YYYY-MM-DD'));
})
.next().on('click', function(){
$(this).prev().focus();
});
});
/**
* 清除時間
*/
function begin_end_time_clear() {
$('#dateTimeRange').val('');
$('#beginTime').val('');
$('#endTime').val('');
}
</script>
單一時間顯示方法