Страницы бритвы DateTime ввод плохо размер - PullRequest
Новая
       9

Страницы бритвы DateTime ввод плохо размер

0 голосов
/ 24 мая 2019

Я использую Razor Pages и Asp.Net Core 2.2 с начальной загрузкой 4.3.1. Там нет собственного CSS на сайте. Я буквально только что создал его, выбрав файл \ новый проект в Visual Studio 2019

В моем cshtml есть следующее: 

<form sp-page="./Index" method="get">
            <h5 class="card-title">Select Criteria</h5>
            <div class="container">
                <div class="row">
                    <div class="col">
                        <input asp-for="@Model.PageFilter.SearchFields.SearchFromDate" />
                        <input asp-for="@Model.PageFilter.SearchFields.SearchFromDateState" />
                    </div>

Это отображается в браузере следующим образом:

bad datetime image

Я бы хотел исправить следующее:

  1. уменьшить ширину поля ввода даты и времени.

    1. имеют секунды, отображаемые шрифтом того же веса, что и остальная часть текста.
    2. имеют флажки для отображения даты и времени рядом с полями ввода.

Я создал jsfiddle для этого по адресу: https://jsfiddle.net/BizTalkers/12m38bs0/1/

Может кто-нибудь сообщить, как это можно сделать?

1 Ответ

1 голос
/ 26 мая 2019

Добавление максимальной ширины в поле ввода даты и времени должно исправить проблемы 1 и 3. Я не вижу проблему 2 в своем браузере. 

<input type="datetime-local" data-val="true" data-val-required="The SearchFromDate field is required." id="PageFilter_SearchFields_SearchFromDate" name="PageFilter.SearchFields.SearchFromDate" value="2019-05-17T16:54:03" style="max-width:180px">
...