добавить продолжительность к Y-m-d H: i: s format [duplicate]

Поскольку P и некоторые другие теги не могут использоваться в теге BUTTON, лучшим обходным путем, как утверждают другие, является использование стилизованного тега SPAN.

В основном вы обрабатываете тег BUTTON "as если «это был контейнер DIV ваших тегов SPAN внутри. Таким образом, вы можете стилизовать всю кнопку, как хотите. В моем примере я стилизовал его с помощью имитированного значка, смоделированного тега заголовка, симулированного описания и симулированной кнопки внутри кнопки.

Я добавляю немного дополнительных стилей и форматирования для визуальных целей, но ваши могут быть такими же простой или сложный, как вы хотите.

STYLE:

    /* CSS Styling and classes example */

    /* style the main container */
    button { 
        background-color:transparent; 
        outline:none; 
        border:none; 
        cursor:pointer; 
        transition:0.2s; 
        padding:10px 15px; 
    }

    /* what happens when you hover - optional */
    button:hover { background-color:#efefef; }

    /* what happens when it's active - optional */
    button.active { background-color:#ccc; }

    /* global style for the contained span tags within */
    button span { 
        display:block; 
        margin:5px auto 10px; 
    }

    /* individually styling the inner span tags by class identifiers */
    button span.step { 
        background:#c33; 
        color:#fff; 
        padding:10px 2px 0 0; 
        font-size:1.75em; 
        font-weight:600; 
        width:40px; 
        height:40px; 
        border-radius:20px; 
    }
    button span.title { font-size:2em; font-weight:600; }
    button span.desc { font-size:1.05em; }
    button span.btn { 
        margin:20px auto; 
        padding:5px 10px; 
        background:#c33; 
        color:#fff; 
    }

HTML:

    <!-- html code -->
    <button class="customClass">
        <span class="step">1</span>
        <span class="title">Title</span>
        <span class="desc">My cool button description</span>
        <span class="btn">Click Here</span>
    </button>

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

4
задан Phil 13 February 2014 в 01:51
поделиться

1 ответ

Если вам нужен интервал, составляющий 14 часов и 30 минут, просто используйте конструктор ...

$interval = new DateInterval('PT14H30M');

Чтобы разбить его ...

  • P - все интервальные спецификации должны начинаться с P (для Period ). Мы не используем интервалы периодов, хотя так далее ...
  • T - это запускает Время spec
  • 14H - 14 часов
  • 30M - 30 минут

Если вы должны использовать строку 14:30:00 , Я бы проанализировал его с помощью sscanf и использовал части ...

list($hours, $minutes, $seconds) = sscanf('14:30:00', '%d:%d:%d');
$interval = new DateInterval(sprintf('PT%dH%dM%dS', $hours, $minutes, $seconds));
15
ответ дан Phil 26 August 2018 в 06:03
поделиться
Другие вопросы по тегам:

Похожие вопросы: