首頁 > web前端 > js教程 > 主體

Vue實現點擊時間取得時段查詢(附程式碼)

php中世界最好的语言
發布: 2018-05-15 10:20:43
原創
3301 人瀏覽過

這次帶給大家Vue實現點擊時間獲取時間段查詢(附程式碼),Vue實現點擊時間獲取時間段查詢的注意事項有哪些,下面就是實戰案例,一起來看一下。

本文實例為大家分享了vue以時間段查詢的案例,效果圖如下

Vue實現點擊時間取得時段查詢(附程式碼)

#html程式碼

<template>
<p>
   <input>
   </p>
<p></p>
   <input>
  
  <ul>
   <li>今天</li>
   <li>昨天</li>
   <li>本周</li>
   <li>上周</li>
   <li>本月</li>
   <li>上月</li>
  </ul>
  <p>
   <button>查询</button>
  </p>
  </template>
登入後複製

vue.js程式碼點擊事件

//获取时间、
//时间解析;
  Time:function(now)  {
  let year=new Date(now).getFullYear();
  let month=new Date(now).getMonth()+1;
  let date=new Date(now).getDate();
  if (month <p>相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章! </p><p>推薦閱讀:</p><p style="text-align: left;"><a href="http://www.php.cn/js-tutorial-396234.html" target="_blank">layui動態與靜態分頁實作步驟詳解</a><br></p><p style="text-align: left;"><a href="http://www.php.cn/js-tutorial-396230.html" target="_blank">Vue元件使用案例詳解</a><br></p><p style="text-align: left;"><a href="http://www.php.cn/js-tutorial-396226.html" target="_blank">Vue實作PopupWindow元件使用步驟解析</a><br></p>#
登入後複製

以上是Vue實現點擊時間取得時段查詢(附程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板