選択したデータを取得する方法をVant-UI時間セレクタ

                

 

   学び、成長し、議論し、スキャンコードに加えてグループを歓迎します！

 

形式で日付を取得：2019年12月4日05 04分

1  < バンセル：値= "dataTime" でリンクタイトル= "时间" @click = "showDataTime" /> 
2      < バンアクションシートVモデル= "SHOWTIME" > 
3        < バン日時ピッカー
 4          Vモデル= "CURRENTDATE" 
5          ：フォーマッタ= "フォーマッタ" 
6          種類= "日時" 
7          @confirm = "確認" 
8          @cancel = "キャンセル" 
9        /> 
10      </ オブ・アクションシート> 
11     {エクスポートデフォルト
 12は       、データ（）{
 13は         リターン{
 14          dataTime： '時間を選択してください'、
 15          CURRENTDATE：新しい新規A日（）、
 16           }
 17          }
 18は、      方法：{
 19。       @時間プロセス制御表示形式
 20である     フォーマッタ（タイプ、値）{
 21は       //日付フォーマットセレクタ
 22は       、{（タイプ=== '年'）IF
 23は         、戻り値}に{$ `
 24        ）{}他IF（タイプ=== '月'
 25          リターン` $ {値}月`
 である26        }他のIF（タイプ===の日'）{
 27         戻り`$ {値}日`
 28        }そうであれば（タイプ=== '時間'）{
 29          リターン`$ {値}时`
 30        }そうであれば（タイプ=== '分'）{
 31          リターン`$ {値}分`
 32        }
 33        戻り値
 34      }、
 35      確認（D）{
 36        this.showTime = FALSE
 37        this.dataTime =
 38          d.getFullYear（）+
 39          '年' +
 40          （数値（d.getMonth（） ）+ 1）+
 41          '月' +
 42          d.getDate（）+
 43          '日' +
 44         d.getHours（）+
 45          '时' +
 46          d.getMinutes（）+
 47          '分'
 48        にconsole.log（this.dataTime）
 49        // this.starttime1 =新しいDate（this.currentDate）.getTime（）/ 1000年
 50      }、
 51は         キャンセル（）{
 52            this.showTime =偽
 53          }、
 54          showDataTime（）{
 55            this.showTime = TRUE
 56          }
 57       }
 58      }

 

 

時間形式：2019年12月4日5時05分

< バンセル：値= "dataTime" でリンクタイトル= "时间" @click = "showDataTime" /> 
    < バン・アクションシートV-モデル= "SHOWTIME" タイトル= "选择时间" 確認ボタンテキスト=「保存」> 
      < ヴァン・日時・ピッカー
         Vモデル=「CURRENTDATE」
        ：フォーマッタ=「フォーマッタ」
        タイプ=「日時」
        @confirm =「確認」
        @cancel =「キャンセル」
      /> 
    </ バンアクションシート>
    輸出のデフォルト{
      データ（）{
        リターン{
        dataTime：「時間を選択してください。」
        CURRENTDATE：新しいDate（）、
         }
        }、
     方法：{
        日付に//タイムスタンプ
        FormatDate：関数（D）{
          リターンd.getFullYear（）+ ' - ' + this.p（（d.getMonth（）+ 1））+ ' - ' + this.p（d.getDate（））+ ' - ' + this.p（D .getHours（））+ '：' + this.p（d.getMinutes（））+ '：' + this.p（d.getSeconds（））
        }、
        P（S）{
          リターンの< 10 ？'0' + sの：S
        }、
        確認（D）{
          this.dataTime = this.formatDate（D）
           this.showTime = falseに
           はconsole.log（this.dataTime）//は時間を印刷します
        }、
        {キャンセル（）
          this.showTime =偽
         }、
        showDataTime（）{
          this.showTimeは真=
         、}
     }
    }