Не удалось отформатировать выбранную дату и время с помощью Jquery datetimepicker - PullRequest
Новая
       12

Не удалось отформатировать выбранную дату и время с помощью Jquery datetimepicker

0 голосов
/ 23 октября 2018

Мне нужно отформатировать дату и время при выборе значения из Jquery datetimepicker.Я объясняю мой код ниже. 

<!doctype html>
<html>
    <head>
       <title>jQuery Datepicker UI Example - Demo Preview</title>
       <meta name="robots" content="noindex, nofollow"/>
       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> 


       <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script> 
       <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha/css/bootstrap.css" rel="stylesheet">
       <link rel="stylesheet" type="text/css" href="jquery.datetimepicker.min.css"/>
       <script src="jquery.datetimepicker.js"></script>

       <style type="text/css">
           .bootstrap-datetimepicker-widget.dropdown-menu.bottom {
               top: 26px !important;
           }
       </style>
    </head>

    <body>
        <div class="container">
            <div class="row">
                <div class="col-sm-12 top-buffer">
                    <h3>DatePicker Example</h3>
                    <input type="text" id="datetimepicker"/>
                </div>
            </div>
            <div class="bottom-buffer"></div>
       </div>

       <script type="text/javascript">
           $(document).ready(function() {
               $('#datetimepicker').datetimepicker({ format:'dd-mm-yyyy'});
           });
       </script>
   </body>
<html>

Здесь мне нужно после выбора значения из календаря поле ввода должно иметь формат значения, такой как dd-mm-yyyy hh:ii AM/PM or 23-10-2018 1.30 PM.

Пожалуйста, помогите мне решить эту проблему.

1 Ответ

0 голосов
/ 23 октября 2018

попробуйте, 

 $(document).ready(function() {
        $('#datetimepicker').datetimepicker({
        format:'d.m.Y H:i:a',
        formatTime:'h:i:a'

        });
    });
...