一、关键代码:

<el-date-picker 
v-model="form.time" 
type="daterange" 
value-format="yyyy-MM-dd" 
range-separator="至"
start-placeholder="开始日期" 
end-placeholder="结束日期">
 </el-date-picker>

// 默认设置最近3天
this.form.time = [
	formatDate(new Date().setHours(0, 0, 0, 0) - 3600 * 1000 * 24 * 3), 
	formatDate(new Date().setHours(0, 0, 0, 0) )
]

formatDate(time) {
       const fnW = str => {
           var num;
           str >= 10 ? (num = "" + str) : (num = "0" + str);
           return num;
       };
       const dt = new Date(time);
       const y = dt.getFullYear().toString();
       const mt = dt.getMonth() + 1;
       const day = dt.getDate();
       const h = dt.getHours();
       const m = dt.getMinutes();
       const s = dt.getSeconds();
       // 年月日字符串
       return y + '-' + fnW(mt) + '-' + fnW(day);
}

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐