Как получить средство выбора даты и времени и преобразовать его в формат сервера (toISOString) - PullRequest
Новая
       2

Как получить средство выбора даты и времени и преобразовать его в формат сервера (toISOString)

0 голосов
/ 28 мая 2020

Я пытаюсь получить средство выбора даты и времени, преобразовать его, чтобы отправить на сервер.
но это не работает. Вот что я попробовал. 

<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
            <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

        <!-- Bootstrap Date-Picker Plugin -->
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>

        <title> date picker</title>
    </head>
    <body>
        <h1> date picker </h1>

        <div class="input-append date form_datetime">
            <input size="16" type="text" value="" readonly id="date_time">
            <span class="add-on"><i class="icon-th"></i></span>
        </div>

        <script type="text/javascript">
            $(".form_datetime").datetimepicker({
                format: "DD MM yyyy - hh:ii",
                autoclose: true,
                todayBtn: true,
                pickerPosition: "bottom-left"
            });

            var a_date = document.getElementById("date_time");;
            var ser_date = new Date(a_date).toISOString();

        </script>

    </body>
</html>

Я получаю эту ошибку:

TypeError: undefined не является функцией (рядом с '...$(".form_datetime").datetimepicker...')

Как я могу справиться с этим?

1 Ответ

0 голосов
/ 28 мая 2020

использовать datepicker. попробуйте это 

<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
            <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

        <!-- Bootstrap Date-Picker Plugin -->
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/>

        <title> date picker</title>
    </head>
    <body>
        <h1> date picker </h1>

        <div class="input-append date form_datetime">
            <input size="16" type="text" value="" readonly id="date_time">
            <span class="add-on"><i class="icon-th"></i></span>
        </div>
        <div> <input type="button" value="Click me" onclick="ServerDate()"></div>

        <script type="text/javascript">
            $(".form_datetime").datepicker({
                format:'mm/dd/yyyy',
                autoclose: true,
                todayBtn: true,
                pickerPosition: "bottom-left"
            });

            function ServerDate() {
            console.log($('#date_time').val());
            var ser_date = new Date($('#date_time').val()).toISOString();
            alert(ser_date);

                   }

        </script>

    </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...