javascript 日期时间选择器无法更改为DD/MM/YY -管理LTE

ryoqjall  于 2023-02-07  发布在  Java
关注(0)|答案(2)|浏览(108)

我一直在处理一段代码,一切正常,但我无法更改数据格式。另外,当我删除"$('# reservationdate'). datetimepicker({"代码时,它仍然可以工作,但不应该工作,所以我不知道从哪里开始。我在adminLTE中使用相同的示例,没有任何帮助。
我得到的是:"2020年8月21日下午4:32"
当我发送$_ POST时,我在以下日期之间得到"\/":

08\/26\/2020 5:20 PM

我想要的:"2020年8月21日"
额外:我使用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'
   });
cgh8pdjw

cgh8pdjw1#

问题出在输入的类中,因为它是“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"/>

库没有遇到问题,因为它们显示是兼容的。

nhn9ugyo

nhn9ugyo2#

也许mm的意思是分钟?
您可以尝试使用MM/YYYY?

相关问题