ホームページ >ウェブフロントエンド >jsチュートリアル >Vue はクリック時間を実装して期間クエリを取得します (コード付き)

Vue はクリック時間を実装して期間クエリを取得します (コード付き)

php中世界最好的语言
php中世界最好的语言オリジナル
2018-05-15 10:20:433307ブラウズ

今回は、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 中国語 Web サイトの他の関連記事にも注目してください。 </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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。