如何使用Moment.JS添加小时日期时间选择器结果？

Question

我在表单日期时间选择器中获取输入日期的值并获取此格式15/02/2016 18.00

如何在时间js中添加时间10 hours，结果将为16/02/2016 04.00

Answer 1

您只需使用时刻add方法。

首先，parse将您的输入字符串转换为时间对象指定格式，然后使用add添加小时，最后显示结果（如果需要字符串，请使用format。）< / p>

这是一个基本的工作示例：

＆＃13;

＆＃13;

// Get input value
var inputValue = $('#datetimepicker').val();
// Parse string into moment object
var momObj = moment(inputValue, 'DD/MM/YYYY HH.mm');
// Add 10 hours
momObj.add(10, 'hours');
// Show the result
$('#result').html(momObj.format('DD/MM/YYYY HH.mm'));

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.2/moment.min.js"></script>

<input id="datetimepicker" type="text" value="15/02/2016 18.00">

<span id="result"><span>

＆＃13;

＆＃13;

＆＃13;

请注意，许多datetimepickers都有API，可以让您将选择器的值作为Date对象或作为时刻对象获取，因此您可能不必执行解析步骤。