編集 Github

日時ピッカー v4.17.47 - プロ 成分

** [Eonasdan]（https://github.com/Eonasdan）{：target = “_blank”} **によって作成された日時ピッカーのデザインを作成しました。 色、文字体裁、ボタンを変更したので、ダッシュボードの他の部分のようになります。

詳細については** [Full Github Documentation]（https://eonasdan.github.io/bootstrap-datetimepicker/）{：target = “_blank”} **をご覧ください。

これがコード例です。

<!-- input with datetimepicker -->
<div class="form-group">
    <label class="label-control">Datetime Picker</label>
    <input type="text" class="form-control datetimepicker" value="21/06/2018"/>
</div>
<!-- javascript for init -->
$('.datetimepicker').datetimepicker({
    icons: {
        time: "fa fa-clock-o",
        date: "fa fa-calendar",
        up: "fa fa-chevron-up",
        down: "fa fa-chevron-down",
        previous: 'fa fa-chevron-left',
        next: 'fa fa-chevron-right',
        today: 'fa fa-screenshot',
        clear: 'fa fa-trash',
        close: 'fa fa-remove'
    }
});