Heim > Web-Frontend > js-Tutorial > Wie konvertiere ich einen Timepicker in einen Zeitstempel in Angular?

Wie konvertiere ich einen Timepicker in einen Zeitstempel in Angular?

零下一度
Freigeben: 2018-05-14 16:24:29
Original
2142 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Methode des Bootstrap-Timepickers vorgestellt, um den Wert in Angular zu erhalten und ihn in einen Zeitstempel umzuwandeln. Interessierte Freunde können sich auf

Wir haben über den vorherigen Artikel bezogen Angular für ein gepacktes Plug-in für Timepicker, aber die Angular-Version muss v1.2.30 oder höher sein. Bei einigen großen Systemen ist das sofortige Upgrade der Angular-Version sehr zeitaufwändig. Dann können Sie diese Methode verwenden, um den Wert zu ermitteln.

Das Zeitformat auf der Seite ist wie folgt:

Dateieinführung

'/bootstrap-datetimepicker.min.css',
'/bootstrap-datetimepicker.min.js',
'/bootstrap-datetimepicker.zh-CN.js',//中文包
Nach dem Login kopieren

html

<p class="input-group date form_datetime" data-date-format="yyyy-mm-dd hh:ii:ss" data-link-field="dtp_input1" id="effStartDate"> //设置时间格式为 yyyy-mm-dd hh:ii:ss 。设置ID为 effStartDate
<input class="form-control" size="16" type="text" value="" readonly> 
    <span class="input-group-addon">
      <span class="glyphicon glyphicon-remove"></span>
    </span> 
    <span class="input-group-addon">
      <span class="glyphicon glyphicon-th"></span>
    </span> 
</p>
Nach dem Login kopieren

js:

 var dateFrom = $("#effStartDate input").val();//设置一个ID,取到bootstrap timepicker的值
 $scope.effStartDate=new Date(dateFrom.substring(0,19).replace(/-/g,&#39;/&#39;)).getTime()/1000;//转化为时间戳
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie konvertiere ich einen Timepicker in einen Zeitstempel in Angular?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage