如何將手動時間轉換爲js中的輸入類型=「時間」

我知道你對這些重複問題感到厭煩，但現在我仍然沒有找到答案，所以請幫我解決這個問題。。提前致謝。如何將手動時間轉換爲js中的輸入類型=「時間」

HTML是：

var start="10:30 PM"; 
 
$scope.edit={} 
 

 
frtime=start.split("PM")[0]; 
 
       frtime = frtime.trim(); 
 
       frtime= $filter('date')(frtime, "HH:mm"); 
 
       
 
       $scope.edit.fromtime=new Date("2010-12-28T"+frtime+":00");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<input type="time" ng-model="edit.fromtime">

它表示在HTML中的輸入類型字段一段時間。但我需要輸入字段中的10.30 PM。

來源

2015-05-11 user3145744

try ng-model =「{{edit.fromtime}}」>> – Mike

問題在於日期函數。看到我在新的Date（）函數中傳遞時間，所以它將時間與GMT相加，並顯示一些錯誤的時間..所以如何克服這一點。我需要將輸入類型=「時間」 – user3145744

試試這個：http://jsfiddle.net/mufa1wvy/ – Mike

的JS日期對象具有用於設定小時的方法，分，等：

var newDate = new Date(); 
newDate.setHours(10,30,0)

只需創建一個新的日期，然後將其設置爲你需要的任何值：

Plunker

所有方法都是here。

來源

2015-05-11 14:38:45 tpie

它工作過...非常感謝你:-) – user3145744

你angularjs的版本太舊：

JS：

angular.module('timeExample', []) 
    .controller('DateController', ['$scope', function($scope) { 
    $scope.example = { 
     value: new Date(1970, 0, 1, 14, 57, 0) 
    }; 
    }]);

HTML：

<input type="time" id="exampleInput" name="input" ng-model="example.value" />

V1.2.23 =>它不工作 http://plnkr.co/edit/AA9maTSXiguuglrj1yPJ?p=preview（例）

V1.3.0 =>做的工作 http://plnkr.co/edit/8a8laopSX0S0AiW8E6OE?p=preview（實施例）

來源

2015-05-11 14:27:38 sgrillon

知道了..非常感謝你 – user3145744

如何將手動時間轉換爲js中的輸入類型=「時間」

回答

相關問題