如何从angularjs输入时间获取小时和分钟_Angularjs_Html_Datetime

如何从angularjs输入时间获取小时和分钟

angularjs html datetime

如何从angularjs输入时间获取小时和分钟,angularjs,html,datetime,Angularjs,Html,Datetime,我知道我必须使用来让用户输入时间。但我迫切需要知道如何分别使用小时和分钟的值进行进一步处理。我只是到处都能找到这样的例子：如何把时间当作一个完整的东西来接受和打印。但我目前需要提取专门用于手头任务的时间和分钟。这里是我找到的唯一一种类型的代码 <!doctype html> <html lang="en"> <head> <title>AngularJS Directives : input[time]</title> <

我知道我必须使用来让用户输入时间。但我迫切需要知道如何分别使用小时和分钟的值进行进一步处理。我只是到处都能找到这样的例子：如何把时间当作一个完整的东西来接受和打印。但我目前需要提取专门用于手头任务的时间和分钟。这里是我找到的唯一一种类型的代码

<!doctype html>
<html lang="en">
<head>
  <title>AngularJS Directives : input[time]</title>
   <script src="angular.js"></script>
   <style>
      b{font-family:Papyrus; color:#fa4b2a; font-size: 20px;} 
  </style>
</head>
<body ng-app="timeDemo">
  <script>
 angular.module('timeDemo', [])
   .controller('timeController', ['$scope', function($scope) {
     $scope.sample = {
       value: new Date(1999, 0, 1, 15, 30, 0)
     };
   }]);
</script>
<form name="demoForm" ng-controller="timeController as timeCtrl">
   <label for="sampleInput">Select a time from 6 am to 6 pm</label>
   <input type="time" id="sampleInput" name="input" ng-model="sample.value"
       placeholder="HH:mm:ss" min="06:00:00" max="18:00:00" required />
  <!-- min 6 am and max 6 pm i.e 18:00 -->
   <div role="alert">
     <span class="error" ng-show="demoForm.input.$error.required">
        Input is Required!</span>
     <!-- Required Error  -->
     <span class="error" ng-show="demoForm.input.$error.time">
       Input Date is  not Valid!</span>
    <!-- Validation Error -->

   </div>
  <i>value = <b>{{sample.value | date: "HH:mm:ss"}}</b></i><br/>
  <i>demoForm.input.$valid = <b>{{demoForm.input.$valid}}</b></i><br/>
  <i>demoForm.input.$error = <b>{{demoForm.input.$error}}</b></i><br/>
  <i>demoForm.$valid = <b>{{demoForm.$valid}}</b></i><br/>
  <i>demoForm.$error.required = <b>{{!!demoForm.$error.required}}</b></i><br/>
</form>
</body>
</html>

Date对象应该返回您要查找的内容。。。只需根据您的输入创建一个新的日期对象，并使用该对象的方法即可。例如：

var d = new Date(sample.value);
var hours = d.getHours();
var minutes = d.getMinutes()

有关更多详细信息，请参见

日期对象应返回您要查找的内容。。。只需根据您的输入创建一个新的日期对象，并使用该对象的方法即可。例如：

var d = new Date(sample.value);
var hours = d.getHours();
var minutes = d.getMinutes()

有关更多详细信息，请参见

是否可以使用SO的内置或JSFIDLE工具创建一个可运行的代码示例对不起。我不能一直掌握这件事。我只需要知道如何使用小时和分钟，而不是仅仅显示整个内容。请您使用SO的内置或JSFIDLE工具创建一个可运行的代码示例，我很抱歉。我不能一直掌握这件事。我只需要知道如何使用小时和分钟，而不是仅仅显示整个东西。