Pertanyaan Saya memiliki kesalahan dengan pemilih datetime jquery yang mengubah waktu ketika saya memfokuskan keluar kontrol


Saya menggunakan pemilih datetime jquery masalah saya adalah ketika saya memilih waktu dan menggunakan tombol tab itu akan berubah menjadi minus 1 jam berarti jika saya memilih 9.30 pagi dan klik pada tombol tab itu akan 8.30 pagi dan itu akan terus-menerus melakukan minus ketika saya menggunakan tab pada kontrol itu

enter image description here

di sini Anda dapat melihat bahwa saya telah memilih 9.30 AM tetapi ketika fokus pada kontrol ini secara otomatis akan melakukan 8.30 pagi ini kode

       <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Places Searchbox</title>
    <link href="~/Content/jquery.datetimepicker.css" rel="stylesheet" />
    <script src="~/scripts/jquery.min.js"></script>
    <script src="~/scripts/moment.js"></script>
    <script src="~/scripts/bootstrap.min.js"></script>
    <script src="~/scripts/bootstrap-datetimepicker.min.js"></script>
    <script src="~/scripts/jquery.datetimepicker.full.min.js"></script>
    <script src="~/scripts/VagaroDateTimePicker.js"></script>
    <link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" />
     <link href="~/Content/bootstrap.min.css" rel="stylesheet" />  
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-timepicker/1.10.0/jquery.timepicker.min.js"></script>


</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <input type="text" class="datepicker" />
            </div>
        </div>
    </div>



 $('.datepicker').datetimepicker({
            format: 'M-d-Y g:i A',   

        });

9
2018-05-07 09:31


asal


Jawaban:


saya mendapat solusi untuk ini

 $('.datepicker').datetimepicker({
          //  datepicker: false,//hide date 
           // format: 'DD-M-YYYY hh:mm A'
            format: 'M-d-Y g:i A',
            formatTime: 'g:i A',
            validateOnBlur: false,
        });

Saya telah menambahkan validasiOnBlur: false dan pekerjaannya untuk saya


5
2018-05-11 07:57



Saya menguji kode Anda dan saya melihat masalah itu ketika Anda menekan tab jika kamu memilih 10.00 pagi itu menjadi 09.00 pagi dan saya memeriksa dokumentasi dan saya mengetahui bahwa Anda dapat menggabungkan moment.js seperti yang ditulis dalam dokumentasi

enter image description here

Yang harus Anda lakukan hanyalah menambahkan moment.js dan kemudian tambahkan baris ini ke kode Anda

$('.datepicker').datetimepicker({
  format:'DD.MM.YYYY h:mm a',
  formatTime:'h:mm a',
  formatDate:'DD.MM.YYYY'
});

$.datetimepicker.setDateFormatter('moment');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script>

<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css" rel="stylesheet"/>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container mt-5">
  <div class="row">
    <div class="col-md-6 mb-5">
      <input type="text" class="datepicker"/>
    </div>
    <div class="col-md-6 mb-5">
      <input type="text" class="datepicker" />
    </div>
    <div class="col-md-6 mb-5">
      <input type="text" class="datepicker" />
    </div>
  </div>
</div>

dan saya sudah membuatkan untuk Anda di sini silakan periksa dan beri tahu saya jika itu membantu

Biola: https://jsfiddle.net/v82vkxpz/7/


2
2018-05-09 10:24