Javascript 如何将输入类型日期和输入类型时间组合在一起

我有一个angularjs用户界面，要求用户输入日期和时间。现在我想将这两种日期类型组合在一个日期类型中，以便将其发送到RESTAPI。我该怎么做

我的html代码是

<div class="col-md-7">
     <input type="date" id="exampleInput" ng-model="UIcontroller.JobDataModel.date"
      placeholder="yyyy-mm-dd" required/>

<div class="col-md-7">
    <input type="time" id="exampleInput1" ng-model="UIcontroller.JobDataModel.time"
     placeholder="hh:mm:ss:" required/>

---

如何在控制器中执行此操作？我是否应该连接两个ng模型？

无需添加到输入字段，您可以对日期和时间使用一个输入字段，下面是

用户输入
System.config({
transpiler:'typescript'，
typescriptOptions:{emitDecoratorMetadata:true}，
包：{'app'：{defaultExtension:'ts'}
});
System.import（'app/boot'）
.then（null，console.error.bind（console））；
加载。。。

---

您需要导入app/boot

无需添加到输入字段，您可以将一个输入字段用于日期和时间，以下是

用户输入
System.config({
transpiler:'typescript'，
typescriptOptions:{emitDecoratorMetadata:true}，
包：{'app'：{defaultExtension:'ts'}
});
System.import（'app/boot'）
.then（null，console.error.bind（console））；
加载。。。

---

您需要导入app/boot

您可以通过以下方式组合日期和时间输入-

<input type="datetime-local" name="dateTime" id="exampleInput3" ng-model="UIcontroller.JobDataModel.datetime">

---

希望这能帮助您。

您可以通过以下方式组合日期和时间输入-

<input type="datetime-local" name="dateTime" id="exampleInput3" ng-model="UIcontroller.JobDataModel.datetime">

---

希望这能给您带来帮助。

您可以将日期和时间结合起来，通过先将两者连接起来，然后将其解析为日期来创建日期时间字符串

var myApp=angular.module（'myApp'，[]）；
myApp.controller（'myController'，['$scope'，'，
职能（$范围）{
$scope.UIcontroller={
JobDataModel：{
日期：新日期（），
时间：新日期（）
}
};
$scope.result=''；
$scope.updateResult=函数（）{
var myDate=$scope.UIcontroller.JobDataModel.date，
myTime=$scope.UIcontroller.JobDataModel.time，
combinedDateString=（myDate.toDateString（）+“”+myTime.toTimeString（）），
combinedDate=新日期（combinedDateString）；
$scope.result=combinedDate；
}
$scope.updateResult（）；
}
]);

JS-Bin
结果：[{Result.toString（）}}]
您可以将日期和时间组合在一起，方法是先将两者连接起来，然后将其解析为日期，从而创建一个日期-时间字符串


var myApp=angular.module（'myApp'，[]）；
myApp.controller（'myController'，['$scope'，'，
职能（$范围）{
$scope.UIcontroller={
JobDataModel：{
日期：新日期（），
时间：新日期（）
}
};
$scope.result=''；
$scope.updateResult=函数（）{
var myDate=$scope.UIcontroller.JobDataModel.date，
myTime=$scope.UIcontroller.JobDataModel.time，
combinedDateString=（myDate.toDateString（）+“”+myTime.toTimeString（）），
combinedDate=新日期（combinedDateString）；
$scope.result=combinedDate；
}
$scope.updateResult（）；
}
]);

JS-Bin
结果：[{Result.toString（）}}]
试试这个。。。为您的输入字段添加
“ng model options=“{getterSetter:true}”
例如：

您可以在这里看到我的大致解决方案：

祝你好运！
试试这个……为你的输入字段添加
“ng model options=“{getterSetter:true}”
例如：

您可以在这里看到我的大致解决方案：

祝你好运
 如果我们不知道REST后端所期望的格式，我们无法告诉您该如何操作。但是，JavaScript中的日期是日期和时间的组合。您完全可以创建一个
Date
对象来保存这两个值。如果我们不知道REST后端所需的格式，我们无法告诉您如何处理。但是，JavaScript中的日期是日期和时间的组合。您完全可以创建一个
Date
对象来保存这两个值。
<input type="date" id="exampleInput" ng-model="UIcontroller.JobDataModel.date"
      placeholder="yyyy-mm-dd" ng-model-options="{ getterSetter: true }" required/>

  var _date = new Date();
  var _time = new Date();
  $scope.UIcontroller = {};
  $scope.UIcontroller.JobDataModel = {
    date: function(newDate) {
      return arguments.length ? (_date = newDate) : _date;

    },
    time: function(newTime) {
      return arguments.length ? (_time = newTime) : _time;

    },
    finalDate: function() {
      return (_date.getMonth() + 1) + '/' + _date.getDate() + '/' + _date.getFullYear() + ' ' + _time.getHours() + ':' + _time.getMinutes();
    }

  };