Axure教程:【实例】文本主动获取日期、时分

  编辑导读:职责中,有些编制会众次用到日期或者时光。奈何用函数正在画面加载时,主动获取日期或时光?下面大众来沿途看一下。

  元件盘算:

  ①第一个文本标签,取名为Year。

  ②第二个文本标签,取名为Month。

  ③第三个文本文本标签,取名为Day。

  ④第四个文本标签,取名为Hours。

  ⑤第五个文本标签,取名为Minutes。

  ⑥第六个文本文本标签,取名为Seconds。

  ⑦第七个文本文本标签,取名为YYYY-MM-DD hh:mm:ss。

   一、孤单获取年,月,日,时,分,秒

  下面先讲明奈何孤单获取年,月,日,时,分,秒的手腕。

   1.获取年份

  对文本标签:Year实行筑立。

  交互:采用“载入时”,“筑立文本”主意为“目今”,如下图所示:

  点击“fx”进入插入或函数画面,然后点击“插入变量或函数”,采用日期列外中的函数:getFullYear(),如下图所示:

  筑立后的恶果如下图所示:

   2.获取月份

  服从筑立文本标签:Year的手腕,对文本标签:Month实行筑立,采用日期列外中的函数:getMonth(),筑立后的恶果如下图所示:

   3.获取日

  服从筑立文本标签:Year的手腕,对文本标签:Day实行筑立,采用日期列外中的函数:getDate(),筑立后的恶果如下图所示:

   4.获取小时

  服从筑立文本标签:Year的手腕,对文本标签:Hours实行筑立,采用日期列外中的函数:getHours(),筑立后的恶果如下图所示:

   5.获取分钟

  服从筑立文本标签:Year的手腕,对文本标签:Minutes实行筑立,采用日期列外中的函数:getMinutes(),筑立后的恶果如下图所示:

   6.获取秒

  服从筑立文本标签:Year的手腕,对文本标签:Seconds实行筑立,采用日期列外中的函数:getSeconds(),筑立后的恶果如下图所示:

   7.恶果涌现

  恶果如下图所示:

   二、日期时光显示

  连合以上手腕,对文本文本标签,取名为YYYY-MM-DD hh:mm:ss。显示格局为:YYYY-MM-DD hh:mm:ss。采用函数画面如下图所示:

  留意:

  ①画面中,年,月,日,中央是用符号“-”离隔的,也可能用“/”或“.”;

  ②画面中,时,分,秒中央是用符号“:”离隔的;

  ③日与时中央有空格。

  最终显示恶果如下图所示:

   三、函数总结

  年,月,日,时,分,秒对应的函数如下外格实质所示:

发表评论

表情:
验证码
评论列表 (暂无评论,491人围观)

还没有评论,来说两句吧...