1. 程式人生 > >h5 input type=date 怎麼進行賦值(回顯)

h5 input type=date 怎麼進行賦值(回顯)

h5 的input 有多種型別可以選擇,例如時間外掛 input type=date ,如何進行賦值操作。

-html部分
<td>//
<label style="margin:0 20px;">接聽時間:</label>
<input type="date" style="line-height: inherit" id="listenTime">
</td>

-首先對頁面進行id取值。(因為這個時間後臺返回我的是13位的時間戳,所有直接在input上進行ng-model賦值,利用filter轉換會報錯,所以在controller裡邊進行取值 賦值)
$scope.tell.listenTime=$("#listenTime").val();


var date_now=new Date(parseInt(("/Date(" + $scope.tell.listenTime + ")/").substr(6, 13))).toLocaleDateString();
date_now=date_now.split('/')[0]+'-'+((date_now.split('/')[1]-'10'<0)?'0'+date_now.split('/')[1]:date_now.split('/')[1])+'-'+((date_now.split('/')[2]-'10'<0)?'0'+date_now.split('/')[2]:date_now.split('/')[2]);
$('#listenTime').val(date_now);

angular.module('app').filter('get_time', function () {
return function(input){
if(!input){
return '';
}else{
return new Date(parseInt(("/Date(" + input + ")/").substr(6, 13))).toLocaleDateString();
}}});

此時轉換完成後,得到的$scope.tell.listenTime是 2017/9/14 。然後需要賦值回顯時,必須保證賦值的格式是 2017-09-14 才能繫結在input 框內。 日期和月份小於10的必須加‘0’,年月日之間必須用短橫線隔開才行。

廣播一下小廣告 ,我的小店
【treasure時尚包包】,複製這條資訊¥wdRB0GcGXTH¥後開啟手淘
希望給點一下關注。。。