美文网首页
vue中cookie的使用和date对象的使用

vue中cookie的使用和date对象的使用

作者: 18fa100a8459 | 来源:发表于2018-05-31 18:18 被阅读0次

一、在vux组件中有对cookie的封装组件,详细代码可以参考下列网址

https://doc.vux.li/zh-CN/tools/cookie.html

需要注意的是在vux中填写过期时间时直接以天为单位,因为组件内部会把你填写的时间转换为毫秒


image.png

需要注意的是当获取不到cookie值时为undefined
二、在菜鸟教程中讲的也比较详细,其内部机制和vux组件是一样的,也是直接写天数,内部会把天数转换为毫秒数,下面看代码

网址:http://www.runoob.com/js/js-cookies.html
function setCookie(cname,cvalue,exdays){
    var d = new Date();
    d.setTime(d.getTime()+(exdays*24*60*60*1000));
    var expires = "expires="+d.toGMTString();
    document.cookie = cname+"="+cvalue+"; "+expires;
}
function getCookie(cname){
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i].trim();
        if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
    }
    return "";
}
setCookie("username",'101',365);

需要注意的是当获取不到cookie值时为''(空字符串)
三、date对象的方法

Date()  返回当日的日期和时间。  
getDate()   从 Date 对象返回一个月中的某一天 (1 ~ 31)。  
getDay()    从 Date 对象返回一周中的某一天 (0 ~ 6)。  
getMonth()  从 Date 对象返回月份 (0 ~ 11)。  
getFullYear()   从 Date 对象以四位数字返回年份。  
getYear()   请使用 getFullYear() 方法代替。  
getHours()  返回 Date 对象的小时 (0 ~ 23)。  
getMinutes()    返回 Date 对象的分钟 (0 ~ 59)。  
getSeconds()    返回 Date 对象的秒数 (0 ~ 59)。  
getMilliseconds()   返回 Date 对象的毫秒(0 ~ 999)。  
getTime()   返回 1970 年 1 月 1 日至今的毫秒数。  
getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。  
getUTCDate()    根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。  
getUTCDay() 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。  
getUTCMonth()   根据世界时从 Date 对象返回月份 (0 ~ 11)。  
getUTCFullYear()    根据世界时从 Date 对象返回四位数的年份。  
getUTCHours()   根据世界时返回 Date 对象的小时 (0 ~ 23)。  
getUTCMinutes() 根据世界时返回 Date 对象的分钟 (0 ~ 59)。  
getUTCSeconds() 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。  
getUTCMilliseconds()    根据世界时返回 Date 对象的毫秒(0 ~ 999)。  
parse() 返回1970年1月1日午夜到指定日期(字符串)的毫秒数。  
setDate()   设置 Date 对象中月的某一天 (1 ~ 31)。  
setMonth()  设置 Date 对象中月份 (0 ~ 11)。  
setFullYear()   设置 Date 对象中的年份(四位数字)。  
setYear()   请使用 setFullYear() 方法代替。  
setHours()  设置 Date 对象中的小时 (0 ~ 23)。  
setMinutes()    设置 Date 对象中的分钟 (0 ~ 59)。  
setSeconds()    设置 Date 对象中的秒钟 (0 ~ 59)。  
setMilliseconds()   设置 Date 对象中的毫秒 (0 ~ 999)。  
setTime()   以毫秒设置 Date 对象。  
setUTCDate()    根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。  
setUTCMonth()   根据世界时设置 Date 对象中的月份 (0 ~ 11)。  
setUTCFullYear()    根据世界时设置 Date 对象中的年份(四位数字)。  
setUTCHours()   根据世界时设置 Date 对象中的小时 (0 ~ 23)。  
setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。  
setUTCSeconds() 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。  
setUTCMilliseconds()    根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。  
toSource()  返回该对象的源代码。  
toString()  把 Date 对象转换为字符串。  
toTimeString()  把 Date 对象的时间部分转换为字符串。  
toDateString()  把 Date 对象的日期部分转换为字符串。  
toGMTString()   请使用 toUTCString() 方法代替。  
toUTCString()   根据世界时,把 Date 对象转换为字符串。  
toLocaleString()    根据本地时间格式,把 Date 对象转换为字符串。  
toLocaleTimeString()    根据本地时间格式,把 Date 对象的时间部分转换为字符串。  
toLocaleDateString()    根据本地时间格式,把 Date 对象的日期部分转换为字符串。  
UTC()   根据世界时返回 1970 年 1 月 1 日 到指定日期的毫秒数。  
valueOf()   返回 Date 对象的原始值。 

相关文章

  • vue中cookie的使用和date对象的使用

    一、在vux组件中有对cookie的封装组件,详细代码可以参考下列网址 需要注意的是在vux中填写过期时间时直接以...

  • cookie的创建、读取和删除

    1, cookie的创建、读取和删除 在JS中,可以使用Document对象的cookie属性操作cookie。 ...

  • VUE路由的简单使用

    VUE中如何使用路由? 路由的基本使用 在html中 引入vue 和 vue-router 包 创建vue对象并将...

  • 使用JS将 时间戳 和 Date对象 相互转换

    时间戳 和 Date对象 相互转换 将Date对象转换成时间戳 使用Number() 使用Date.parse()...

  • 【JavaScript的Date对象】

    Date对象 Date对象:用于设置和获取当前的时间。 Date对象方法分为两种: 一种使用本地时间;一种使用世界...

  • jsp-cookie

    使用JSP设置Cookie (1)创建一个Cookie对象: 调用Cookie的构造函数,使用一个cookie名称...

  • js 将Date 日期对象与时间戳互相转换

    使用Number()方法 将Date对象转换成时间戳 使用日期对象Date.parse()方法

  • JavaScript之Date

    什么是Date: 用于处理日期和时间 使用: 先创建日期对象,再使用方法 例:oDate=new Date(...

  • Date()对象

    Date()是一个构造函数 必须实例化使用 Date()使用 Date()参数的格式: 获取毫秒数 Date 对象...

  • 15 js10 date对象

    date日期对象:js内置对象,使用构造函数创建; 1、var date = new Date();//创建对象;...

网友评论

      本文标题:vue中cookie的使用和date对象的使用

      本文链接:https://www.haomeiwen.com/subject/mhkorftx.html