原文链接:点我

进来的随便看看,或许有帮助

vue+element-ui   datepicker 设置默认日期
用的框架是vue+element-ui ,以下是时间控件

 <el-form-item label="月份">
<el-date-picker v-model="ct_month" type="month" placeholder="选择月份" format="yyyy 年 MM 月 " value-format="yyyy-MM">
3 </el-date-picker>
</el-form-item>

由于我需要显示的是默认月份而不是具体时间日期,你们需要的可以换成

type="date"

format="yyyy 年 MM 月dd日 "

具体设置请移步 :链接

 设置默认属性
ct_month: null,
方法: getdatatime(){//默认显示今天
this.ct_month= new Date(); }, getdatatime(){//默认显示昨天
this.ct_month= new Date();
this.ct_month.setTime(this.ct_month.getTime() - 3600 * 1000 * 24);
}, getdatatime(){//默认显示上周
this.ct_month= new Date();
this.ct_month.setTime(this.ct_month.getTime() - 3600 * 1000 * 24 * 7);
}, getdatatime(){//默认显示上个月
this.ct_month= new Date();
this.ct_month.setTime(this.ct_month.getTime() - 3600 * 1000 * 24 * 30);
},

把方法放在全局里面,也就是说一跳到这个页面就执行这个方法


注意:我的是显示月份,不是具体的日期,转具体日期下面有写

以下方法是JS获取当前时间格式为YYYY-MM-DD

把注释的去掉就是YYYY-MM-DD HH:SS

 getdatatime() {
this.ct_month= new Date();
this.ct_month.setTime(this.ct_month.getTime() - 3600 * 1000 * 24 * 30);//获取上个月的日期(这一行去掉就是获取今天计算机上的日期了) var now = this.ct_month; var year = now.getFullYear(); //年
var month = now.getMonth() + 1; //月
var day = now.getDate(); //日 // var hh = now.getHours(); //时
// var mm = now.getMinutes(); //分 var clock = year + "-"; if(month < 10)
clock += "0"; clock += month + "-"; if(day < 10)
clock += "0"; clock += day + " "; // if(hh < 10)
// clock += "0";
//
// clock += hh + ":";
// if(mm < 10) clock += '0';
// clock += mm; console.log(clock);
},

分界线

datepicker 设置默认日期

 //今天$('#reportrange span').html(moment().startOf('day').format('YYYY-MM-DD HH:mm:ss') + ' - ' +moment().endOf('day').format('YYYY-MM-DD HH:mm:ss'));

 //昨天$('#reportrange span').html(moment().subtract(1, 'days').startOf('day').format('YYYY-MM-DD HH:mm:ss') + ' - ' + moment().subtract(1, 'days').endOf('day').format('YYYY-MM-DD HH:mm:ss'));

 //过去七天$('#reportrange span').html(moment().subtract(6, 'days').startOf('days').format('YYYY-MM-DD HH:mm:ss') + ' - ' + moment().endOf('days').format('YYYY-MM-DD HH:mm:ss'));
//默认30天$('#reportrange span').html(moment().subtract(29, 'days').format('YYYY-MM-DD HH:mm:ss') + ' - ' + moment().format('YYYY-MM-DD HH:mm:ss')); //默认这个月$('#reportrange span').html(moment().startOf('month').format('YYYY-MM-DD HH:mm:ss') + ' - ' + moment().endOf('month').format('YYYY-MM-DD HH:mm:ss')); //默认上个月$('#reportrange span').html(moment().subtract(1, 'month').startOf('month').format('YYYY-MM-DD HH:mm:ss') + ' - ' + moment().subtract(1, 'month').endOf('month').format('YYYY-MM-DD HH:mm:ss'));

JS获取当前时间(YYYY-MM-DD ),element显示默认当前时间,显示默认昨天,显示默认上个月的更多相关文章

  1. C# 时间格式 yyyy/mm/dd

    今天遇到个问题在C#中将日期格式设置为yyyy/MM/dd,我是这样写的: DateTime.Now.ToString("yyyy/MM/dd"); 可是获取到的日期还是显示yyy ...

  2. JS 2019-12-03T15:53:23.000+08:00 转化为 YYYY MM DD

    js时间格式转化 2019-12-03T15:53:23.000+08:00 转化为 YYYY MM DD var dateee = new Date(createTime).toJSON();var ...

  3. DateTime.Now.ToString("yyyy/MM/dd") 输出的结果是 2006-03-16(转)

    今天我在使用 DateTime.Now.ToString("yyyy/MM/dd") 输出的结果是 2006-03-16 而不是我想要的 2006/03/16,都快把我郁闷的不行了 ...

  4. Oracle中把一个DateTime的字符串转化成date类型。to_date('2016/12/8 18:55:43','yyyy/MM/dd hh24:mi:ss'),

    Oracle中把一个DateTime或者该形态字符串转化成date类型. to_date('2016/12/8 18:55:43','yyyy/MM/dd hh24:mi:ss'), 或者: sele ...

  5. Excel日期格式单元格写成yyyy.MM.dd格式将无法读取到DataTable

    最近在改公司的订单系统,遇到了一个奇怪的问题.C#程序需要从Excel文件中将数据全部读取到DataTable,其中Excel文件的第一列是日期格式yyyy/MM/dd,而这一列中大部分的单元格都是按 ...

  6. 让用户输入一个日期字符串,将其转换成日期格式, 格式是(yyyy/MM/dd,yyyyMMdd,yyyy-MM-dd)中的一种, 任何一种转换成功都可以; 如果所有的都无法转换,输出日期格式非法。

    第三种方法 while(true) {             Date d;        System.out.println("正在进行第一次匹配,请稍后~—~");     ...

  7. 从客户端(ASPxFormLayout1$txtRule="<YYYY><MM><DD><XXXX>")中检测到有潜在危险的 Request.Form 值

    在有文本框的值属于这种时<YYYY><MM><DD><XXXX>,会报这个错 在webconfig中加入 <httpRuntime request ...

  8. DateTime.Now.ToString("yyyy/MM/dd") 时间格式化中的MM为什么是大写的?

    如果MM是小写,就表示时间里的分钟yyyy-MM-dd HH:mm:ss (年-月-日 时:分:秒) yyyy-MM-dd HH:mm:ss 年-月-日 时:分:秒大写是为了区分“月”与“分” 顺便说 ...

  9. js 时间YYYY-MM-DD转换为YYYY/MM/DD 自定义函数格式

    <script type="text/javascript">         window.onload = function () {             va ...

  10. 这里有个坑---js日期格式yyyy-MM-dd与yyyy/MM/dd

    这里有个坑,---------每一个遇到的坑总结后都是一比财富. 我们写脚本的时候,一般定义一个日期格式会使用“2015-12-21”和“2015/12/21”两种数据格式,由于各取所需日期格式并没有 ...

随机推荐

  1. 相辅相成的求最单源短路径算法:(SPFA& dijkstra)

    引用一位老oier的话: 一道题如果边权没有负数,那么一定是在卡SPFA.这时候就用到了堆优化的Dijkstra; 写在前面: 多打代码! 最好都掌握,灵活变通 SPFA: 主要用于稀疏图和有负权边的 ...

  2. 你不知道的JavaScript博文参考书籍

    you don't know js系列书籍是谷歌地图开发人员编写,内容非常好,四卷已收集齐全. 笔者打包上传到了CSDN,下载地址: http://download.csdn.net/detail/r ...

  3. php正则检测字符串由单一字符组成

    $str = 'aaa' $firstChar = substr($str , 0, 1); $pattern = "/^[$firstChar]+$/"; $ret = preg ...

  4. ARC下dealloc过程及.cxx_destruct的探究

    我是前言 这次探索源自于自己一直以来对ARC的一个疑问,在MRC时代,经常写下面的代码: - (void)dealloc { self.array = nil; self.string = nil; ...

  5. BZOJ 2287 【POJ Challenge】消失之物(DP+容斥)

    2287: [POJ Challenge]消失之物 Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 986  Solved: 572[Submit][S ...

  6. jquery 取页面中ifram中得节点

    <iframe src="html/bai.jsp" frameBorder=0 id=middle name=middle scrolling="yes" ...

  7. yii框架原生代码

    http://www.cnblogs.com/duanxz/p/3480254.htm

  8. Oracle日期的加减运算

    无论是DATE还是timestamp都可以进行加减操作.可以对当前日期加年.月.日.时.分.秒,操作不同的时间类型,有三种方法: 1 使用内置函数numtodsinterval增加小时,分钟和秒2 加 ...

  9. 栈(stack)--c实现(使用双链表)

    是不是直接贴代码不太好,我竟然不知道说什么. 写这个考虑的问题,或者是纠结的问题是这个头指针怎么处理,也就是栈的顶部,最后采用的是初始化第一个栈空间浪费掉,栈顶是有元素的.好像应该去学习下画图,没图不 ...

  10. H3C S5130交换机堆叠操作

    配置过程中注意事项: 1.最好提前定义好IRF的主从设备,可通过IRF优先级进行定义,越大越优 2.一定要在使能IRF之前就保存配置(因为使能过程中,会出现设备重启的情况,如果设备重启后配置丢失,会导 ...