javascript - 从 bootstrap CDN 更改 dateTimepicker 的格式

标签 javascript html cdn

我正在尝试创建日期和时间选择器,但我的后端伙伴需要以下格式的时间:YYYY-MM-DDTHH:MM:SS

如何修改我的 js 文件以使返回的日期采用该格式?

代码如下:

$(function() {
  $('#datetimepicker1').datetimepicker();
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css">

<div class="container">
  <div class="row">
    <div class='col-sm-6'>
      <div class="form-group">
        <div class='input-group date' id='datetimepicker1'>
          <input type='text' class="form-control" />
          <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>

最佳答案

这是一个带有 bootstrap datepicker documentation 的页面.

$(function() {
  $('#datetimepicker1').datetimepicker({
    format: 'YYYY-MM-DDTHH:MM:SS',
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/js/bootstrap-datetimepicker.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css">

<div class="container">
  <div class="row">
    <div class='col-sm-6'>
      <div class="form-group">
        <div class='input-group date' id='datetimepicker1'>
          <input type='text' class="form-control" />
          <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>

关于javascript - 从 bootstrap CDN 更改 dateTimepicker 的格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50504317/

相关文章:

javascript - 如何在 mxGraph 中渲染折线元素?

html - 对齐网格中的元素

javascript - 使用 JavaScript 函数显示今天的约会/日期

ffmpeg - 如何镜像或 CDN 一个 m3u8 流播放列表?

javascript - 使用 jQuery 将 JSON 发送到服务器

JavaScript - 大的 for 循环,我应该释放对象吗?

javascript - 如何使用 Javascript 使用 Google Drive API 进行搜索?

javascript - Meteorjs 编辑按钮并从一个列表中删除添加到其他列表

ruby-on-rails-3 - 带有 cloudfront CDN 的 Rails 3.1 Assets 管道中的背景图像问题

cdn - Amazon CloudFront是否通过set-cookie头传递?