Bootstrap 4 Datetime Picker - PullRequest
Новая
       31

Bootstrap 4 Datetime Picker

0 голосов
/ 01 июня 2018

Как я могу удалить старую вставленную дату при открытии выбора даты и времени в Bootstrap, как показано ниже?enter image description here

Кроме того, когда после обновления с Bootstrap3 до 4, средство выбора даты и времени не работает.Что не удалось использовать или произошла ошибка?

enter image description here

Это определения css и js cdn на главной странице HTML. 

<link rel="stylesheet" href="/css/select2_4.0.3.css">
<link rel="stylesheet" href="/css/AdminLTE.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.3.11/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/skins/square/_all.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css">
<link rel="stylesheet" href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">
<link rel="stylesheet" href="/css/customStyle.css"> 

///////////////////////////////////            

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iCheck/1.0.2/icheck.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/2.3.11/js/app.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.20.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

        /////////////////////////////////////
$('#datepicker_from').datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: 'yy-mm-dd',
        todayHighlight: true
        });
$('#datepicker_to').datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: 'yy-mm-dd',
        todayHighlight: true
        });
$('#dateTimePicker_created_at').datetimepicker({
        format: 'YYYY-MM-DD HH:mm:ss',
        });
$('#dateTimePicker_deleted_at').datetimepicker({
        format: 'YYYY-MM-DD HH:mm:ss',
        });
$('#dateTimePicker_created_at').on('keypress', function (e) {
        e.preventDefault();
        });
$('#dateTimePicker_deleted_at').on('keypress', function (e) {
        e.preventDefault();
        });
...