Реактив Live Clock AM PM в шапках не виден

Question

Я использую часы React Live и пытаюсь использовать режим AM / PM, но вывод невелик и показывает примерно так введите описание изображения здесь

timeFormat = 'h: mm:сс А ';

Answer 1

Вы можете добавить функцию для форматирования даты, которую нужно изменить, и от A и P до AM и PM соответственно.

var WithoutFormattingA = "8:11:35 A";
var WithoutFormattingP = "8:11:35 P";

function formatDate(unformattedDate) {
    var timeOfDay = unformattedDate.substr(unformattedDate.length - 1)

    if(timeOfDay === 'A' || timeOfDay === 'P') {
        return unformattedDate + "M";
    } else {
        return "Invalid date format.";
    }
}

ReactDOM.render(
  <div>
    <div>Formatted {WithoutFormattingA} to {formatDate(WithoutFormattingA)}</div>
    <div>Formatted {WithoutFormattingP} to {formatDate(WithoutFormattingP)}</div>
  </div>,
  document.getElementById("react")
);

<div id="react"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

Answer 2

Если вы используете response-live-clock , вы можете установить атрибут style , как описано здесь .

например.следующие настройки:

<Clock style={{fontSize: '10.5em'}}  format={'h:mm:ss A'} ticking={true} timezone={'US/Pacific'} />

сгенерировал это представление:

Примечание:

Я загрузил пример проектав мой репозиторий github здесь ;

Следуйте файлу README.MD , чтобы узнать, как клонировать и запустить приложение локально.

Goodluck!