Вопросы Теги

Невозможно центрировать div Bootstrap4 / Angular

tl; dr 
LocalDate.parse( 
    "19/05/2009" , 
    DateTimeFormatter.ofPattern( "dd/MM/uuuu" ) 
)

Подробности

Остальные ответы с java.util.Date, java.sql.Date и SimpleDateFormat устарели.

LocalDate

Современный способ выполнения дат-времени - это работа с классами java.time, в частности LocalDate. Класс LocalDate представляет значение только для даты без времени и без часового пояса.

DateTimeFormatter

Для разбора или generate, String, представляющий значение даты, используйте класс DateTimeFormatter . 

DateTimeFormatter f = DateTimeFormatter.ofPattern( "dd/MM/uuuu" );
LocalDate ld = LocalDate.parse( "19/05/2009" , f );

Не сжимайте объект даты с строкой, представляющей ее значение. Объект с датой имеет формат no , а строка -. Объект с датой, такой как LocalDate, может генерировать строку для представления своего внутреннего значения, но объект даты и строка являются отдельными отдельными объектами.

Вы можете указать любой настраиваемый формат для создания String. Или пусть java.time выполняет работу по автоматической локализации. 

DateTimeFormatter f = 
    DateTimeFormatter.ofLocalizedDate( FormatStyle.FULL )
                     .withLocale( Locale.CANADA_FRENCH ) ;
String output = ld.format( f );

Дамп для консоли. 

System.out.println( "ld: " + ld + " | output: " + output );

ld: 2009-05-19 | output: mardi 19 mai 2009

См. в действии в IdeOne.com .

О java.time

Рамка java.time встроена в Java 8 и более поздние версии. Эти классы вытесняют неприятные старые классы времени legacy , такие как java.util.Date , Calendar и & amp; SimpleDateFormat .

Проект Joda-Time , теперь в режиме обслуживания , советует перейти на java.time .

Чтобы узнать больше, см. учебник Oracle . И поиск Stack Overflow для многих примеров и объяснений. Спецификация JSR 310 .

Вы можете обменивать java.time объекты непосредственно с вашей базой данных. Используйте драйвер JDBC , соответствующий JDBC 4.2 или более поздней версии. Нет необходимости в строках, нет необходимости в классах java.sql.*.

Где получить классы java.time?

  • Java SE 8 , Java SE 9 и более поздние версии. Часть стандартного Java API с интегрированной реализацией. Java 9 добавляет некоторые незначительные функции и исправления.
  • Java SE 6 и Java SE 7 Большая часть функций java.time обратно переносится на Java 6 & amp; 7 в ThreeTen-Backport .
  • Android Более поздние версии реализаций пакетов Android классов java.time. Для более ранних Android (& lt; 26) проект ThreeTenABP адаптирует ThreeTen-Backport (упомянутый выше). См. Как использовать ThreeTenABP ... .

Проект ThreeTen-Extra расширяет java.time с дополнительными классами. Этот проект является доказательством возможных будущих дополнений к java.time. Здесь вы можете найти некоторые полезные классы, такие как Interval , YearWeek , YearQuarter и more .

0
задан John Snow 13 July 2018 в 14:03
поделиться

3 ответа

Возможно, вы забыли включить один из необходимых файлов. У вас есть все это? 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>


<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
0
ответ дан Furkan 17 August 2018 в 12:45
поделиться
  • 1
    Я отредактировал свой вопрос, чтобы ответить на ваш вопрос :) – John Snow 13 July 2018 в 14:03

Вы пытались использовать строку и столбец с классом justify-content-center: 

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">

<div class="row justify-content-center">
    <div class="col-lg-4 col-md-4 col-sm-4">
      <div class="card text-white bg-info">
        <div class="card-header">Header</div>
        <div class="card-body">
          <h5 class="card-title">Info card title</h5>
          <p class="card-text">Some quick example text to build on the card title and make up the bulk of the     card's content.</p>
        </div>
      </div>
    </div>
</div>

1
ответ дан Jeppsen 17 August 2018 в 12:45
поделиться
  • 1
    Этот код делает мою "карточку" перемещается немного вправо, но недостаточно, чтобы центрировать – John Snow 13 July 2018 в 13:39
  • 2
    Похоже, у вас есть какой-то родительский элемент с фиксированной шириной в приложении. Может ли так быть? Родительский элемент карты должен использовать 100% ширины экрана. – Jeppsen 13 July 2018 в 13:58
  • 3
    Я довольно новичок в css, знаете ли вы, какой элемент может быть родителем карты? Я не хочу, если это может быть проблемой, потому что в настоящее время я просто пытаюсь отобразить центрированную карту, ничего больше – John Snow 13 July 2018 в 14:16
  • 4
    Если вы просматриваете исходный код страницы в своем браузере, вы можете проверить, помещена ли карта в родительский элемент. Затем вы можете проверить его, если он имеет фиксированную ширину. Например, это может быть & lt; div & gt; или & lt; тело & gt; который ограничивает ширину вашего приложения. – Jeppsen 13 July 2018 в 14:21
  • 5
    Когда я пытаюсь отобразить простой текст, он начинается с того же места, где отображается моя карта, между левым полем и серединой страницы – John Snow 13 July 2018 в 14:24

В bootstrap 4 у вас есть встроенный CSS-центр текста, поэтому вы можете использовать его в любом div-классе для центрирования содержимого 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">

<div class="card text-white bg-info mx-auto text-center" style="max-width: 18rem;">
    <div class="card-header">Header</div>
        <div class="card-body">
            <h5 class="card-title text-center">Info card title</h5>
            <p class="card-text">Some quick example text to build on the card title and make up the bulk of the     card's content.</p>
        </div>
    </div>
</div>

0
ответ дан Suraj Libi 17 August 2018 в 12:45
поделиться
  • 1
    Да, вы правы, но я пытаюсь сосредоточить карту, а не содержимое карты – John Snow 13 July 2018 в 14:11