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

Posted 2023-05-08

【中文标题】datetimepicker 无法更改为 DD/MM/YY - ADMIN LTE

【英文标题】：datetimepicker can't change to DD/MM/YY - ADMIN LTE

【发布时间】：2020-12-03 19:18:50

【问题描述】：

我一直在使用代码，一切都很好，但我无法更改数据格式。另外，当我删除“ $('#reservationdate').datetimepicker(" 代码 它仍然有效，但它不应该，所以我不知道从哪里开始。我在没有帮助的情况下在 adminLTE 中使用相同的示例。

我得到了什么：“2020 年 8 月 21 日下午 4:32”

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

08\/26\/2020 5:20 PM

我想要什么：“21/08/2020”

额外：我在 datetimepicker 中使用 href 中的链接，因为我在“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'
   );

【问题讨论】：

dd是苏、莫、涂、我们等，mm和yyyy无效。请参阅bootstrap-datetimepicker 文档中提到的momentjs format docs。

你还需要决定是使用bootstrap-datetimepicker还是Tempus Dominus，因为你已经包含了它们，它们自然是不兼容的。

我正在使用 adminLTE，但它说没有 tempus Dominus 库我无法使用它...我只想让它成为没有时间的日期并更改格式但它不会让我

【参考方案1】：

问题出在输入类中，因为它是“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。这些库没有出现问题，因为它们显示为兼容。