Блог

Главная - Вопросы по программированию - Как установить формат Великобритании в datepicker с помощью angular 5 bootstrap datepicker

Как установить формат Великобритании в datepicker с помощью angular 5 bootstrap datepicker

#html #twitter-bootstrap #datepicker

#HTML #twitter-bootstrap #datepicker

Вопрос:

Я пытаюсь установить формат Великобритании на дату после ее выбора.

Вот код:

 <div class="form-group">
    <label for="test_StartDate" class="col-md-12">{{l("StartDate")}}</label>
    <input *ngIf="!test.id" class="form-control m-input" type="datetime" name="test_StartDate" datePicker [(selectedDate)]="test.startDate" id="test_StartDate">
    <input *ngIf="test.id" 
           class="form-control m-input" 
           type="datetime" 
           name="test_StartDate" 
           datePicker
           [(selectedDate)]="test.startDate" 
           id="test_StartDate"
           data-date-format="DD/MM/YYYY">
</div>

Вывод: 01/12/2019

Должно быть: 01.12.2019

Ответ №1:

Для достижения ожидаемого результата добавьте формат в параметры конфигурации средства выбора даты

 $("#test_StartDate").datepicker({ 
        autoclose: true, 
        format: 'dd/mm/yyyy',
        todayHighlight: true
  }).datepicker('update', new Date()); 
 #test_StartDate{
  width:150px
} 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>

<div class="form-group">
    <label for="test_StartDate" class="col-md-12">{{l("StartDate")}}</label>
    <input *ngIf="!test.id" class="form-control m-input" type="datetime" name="test_StartDate" datePicker [(selectedDate)]="test.startDate" id="test_StartDate">
    <input *ngIf="test.id" 
           class="form-control m-input" 
           type="datetime" 
           name="test_StartDate" 
           datePicker
           [(selectedDate)]="test.startDate" 
           id="test_StartDate"
           data-date-format="DD/MM/YYYY">
</div>

codepen — https://codepen.io/nagasai/pen/ROxjrY

Комментарии:

1. У меня есть «bootstrap4-datetimepicker»: «^ 5.2.3», включенный в файл package.json, можно ли передавать код?

2. да @nless, вам просто нужно указать формат через параметры — eonasdan.github.io/bootstrap-datetimepicker

Метки: