datetimepicker无法更改为DD / MM / YY-ADMIN LTE

问题描述

我一直在使用代码，一切都很好，但是我无法更改数据格式。另外，当我删除“ $（'＃reservationdate'）。datetimepicker（{“代码它仍然可以工作，但不应该，所以我不知道从哪里开始。我在adminLTE中使用相同的示例，没有任何帮助。

我得到的是：“ 2020年8月21日下午4:32”

当我发送$ _POST时，我会在两个日期之间得到“ \/”：

08\/26\/2020 5:20 PM

我想要的是：“ 21/08/2020”

额外：我将href中的链接用于datetimepicker，因为在“ pages / forms / advance.html”文件中找不到链接rel或脚本位置。

标题：

<!-- Font Awesome -->
  <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  <!-- overlayScrollbars -->
  <link rel="stylesheet" href="css/adminlte.min.css">
  <link rel="stylesheet" href="css/sweetalert2.min.css">
  <link rel="stylesheet" href="css/admin.css">
  <link rel="stylesheet" href="plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
  <link rel="stylesheet" href="plugins/datatables-responsive/css/responsive.bootstrap4.min.css">


  <!-- daterange picker -->
  <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">
  <!-- iCheck for checkBoxes and radio inputs -->
  <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  <!-- Bootstrap Color Picker -->
  <link rel="stylesheet" href="plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css">
  <!-- Tempusdominus Bbootstrap 4 -->
  <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
  <!-- Select2 -->
  <link rel="stylesheet" href="plugins/select2/css/select2.min.css">
  <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
  <!-- Bootstrap4 DuallistBox -->
  <link rel="stylesheet" href="plugins/bootstrap4-duallistBox/bootstrap-duallistBox.min.css">
  <!-- Google Font: Source Sans Pro -->
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">

页脚：

<!-- jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- DataTables -->
<script src="plugins/datatables/jquery.dataTables.min.js"></script>
<script src="plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<!-- AdminLTE App -->
<script src="js/adminlte.min.js"></script>



<!-- Select2 -->
<script src="plugins/select2/js/select2.full.min.js"></script>
<!-- Bootstrap4 DuallistBox -->
<script src="plugins/bootstrap4-duallistBox/jquery.bootstrap-duallistBox.min.js"></script>
<!-- InputMask -->
<script src="plugins/moment/moment.min.js"></script>
<script src="plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
<!-- date-range-picker -->
<script src="plugins/daterangepicker/daterangepicker.js"></script>
<!-- bootstrap color picker -->
<script src="plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Bootstrap Switch -->
<script src="plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>

app.js：（即使我删除此代码也可以使用）

$('#reservationdate').datetimepicker({
      format: 'dd/mm/yyyy'
   });

解决方法

问题出在输入类中，因为它是“ datetimepicker”，但必须是“ datepicker”或“ timepicker”。从那时起，我可以更改格式。

情况如何：

 <input type="date" class="form-control datetimepicker-input" data-target="#reservationdate" name="fecha_evento"/>

解决方法：

 <input type="date" class="form-control datepicker-input" data-target="#reservationdate" name="fecha_evento"/>

pd。图书馆没有问题，因为它们显示出兼容性。

bootstrap-datetimepicker datetimepicker javascript jquery