Question

我正在使用来自http://tarruda.github.io/bootstrap-datetimepicker/的bootstrap-datetimepicker 这提供了选择当地时间的日期时间的选项，我无法理解的是如何在将其发送到cgi之前将其转换为UTC。我需要这样做，因为我的服务器设置为GMT时区，输入可以来自任何时区所以我希望用户在他的tz中选择时间，但将该选择转换为gmt，将其发送到我的cgi脚本。
如果还有其他更好的解决方法，我也会很感激。

<script type="text/javascript">
    $('#timetime').datetimepicker({
        maskInput: true,
        format: 'yyyy-MM-dd hh:mm',
    });
</script>

在下面的代码

中的表单中调用它

<label for="sdate" class="control-label">* Scheduled Date (UTC/GMT)</label>
<div id="timetime" class="controls">
    <input id="sdate" name="sdate" type="text" placeholder="YYYY-MM-DD HH:MM"></input>
    <span class="add-on">
        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
    </span>
</div>

最终答案基于电影主持人提供的帮助

<script type="text/javascript">
            $('#timetime').datetimepicker({
                            maskInput: true,
                          format: 'yyyy-MM-dd hh:mm',
                          });

$("form").submit(function(){
   // Let's find the input to check
   var $input = $(this).find("input[name=sdate]");
   if ($input.val()) {
  // Value is falsey (i.e. null), lets set a new one, i have inversed this, input  should be truthy
  //$input.val() = $input.val().toISOString();
    var d = $input.val();
    var iso = new Date(d).toISOString();
  //  alert(iso);
    $input.val(iso);
   }
 });
          </script>

进一步更新以同时处理firefox和chrome

<script type="text/javascript">
    $("form").submit(function(){
    // Let's find the input to check
    var input = $(this).find("input[name=sdate]");
    if (input.val()) {
            var picker = $('#timetime').data('datetimepicker');
    //      alert(input.val());
    //      alert(picker.getLocalDate().toISOString());
            input.val(picker.getLocalDate().toISOString());
            }
    });
</script>

Answer 1

只需使用momentjs。

http://momentjs.com/

function getUTCDate() { return moment($('#sdate').val()).utc().format('YYYY-MM-DDTHH:mm:ssZZ'); }

Answer 2

<script type="text/javascript">
    $('#timetime').datetimepicker({
                   maskInput: true,
                   format: 'yyyy-MM-dd hh:mm',
    });

$("form").submit(function(){
    var input = $('#sdate').val(); 
    var input = convertToUtc(input);
});


    function convertToUtc(str) {
        var date = new Date(str);
        var year = date.getUTCFullYear();
        var month = date.getUTCMonth()+1;
        var dd = dategetUTCDate();
        var hh = date.getUTCHours(); 
        var mi = date.getUTCMinutes();
        var sec = date.getUTCSeconds();

        // 2010-11-12T13:14:15Z

        theDate = year + "-" + (month [1] ? month : "0" + month [0]) + "-" + 
                  (dd[1] ? dd : "0" + dd[0]);
       theTime = (hh[1] ? hh : "0" + hh[0]) + ":" + (mi[1] ? mi : "0" + mi[0]);
        return [ theDate, theTime ].join("T");
     }

</script>

Answer 3

这是utc到IST之间的转换，反之亦然 https://jsfiddle.net/wmhmgrjs/6/

// 2016-08-02 12：55：19.743-- UTC＆lt; ==＆gt; 2016-08-02 6:25:19.743 PM --IST

var date = new Date('8/02/2016 12:55:48 AM UTC'); //2016-07-29 07:02:40.323
var s=date.toString();
alert(s);

var d = new Date('8/02/2016 6:25:00 PM GMT+0530');
//var d = new Date("August 2, 2016 18:26:00");
var n = d.toUTCString();
alert(n);

bootstrap-datetimepicker将选定的本地日期转换为UTC

3 个答案: