Как получить значения из выбора даты и времени пользовательского интерфейса Semanti c в режиме просмотра MVC бритвы? - PullRequest
Новая
       8

Как получить значения из выбора даты и времени пользовательского интерфейса Semanti c в режиме просмотра MVC бритвы?

0 голосов
/ 15 февраля 2020

Я новичок в пользовательском интерфейсе Semanti c и пытаюсь использовать его в новом проекте, где у меня есть модель со значением Datetime. Я наконец получил календарь для отображения, но не понимаю, как получить значения (дату и время) из того, что выбирает пользователь. Есть ли способ получить эти значения для заполнения значений в моей форме?

В моем CS HTML, именно так мой код в настоящее время написан. Я хотел бы заполнить значения StartTime и EndTime с помощью выбора даты и времени. 

 @using (Html.BeginForm())
    {
        @Html.AntiForgeryToken()
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        @Html.Hidden("TutorID", (object)ViewBag.CurrentTutorID)

        <div class="ui attached message schedule">
            <div class="header">
                Welcome to tutor scheduling!
            </div>
            <p>Fill out the form below to add a new schedule</p>
        </div>
        <form>
            <div class="three fields">
                <div class="field">
                    <h4>Description</h4>
                    @Html.TextBoxFor(model => model.Description, new { placeholder = "Your Name - Event", @class = "form-control" })
                    @Html.ValidationMessageFor(model => model.Description, "", new { @class = "text-danger" })
                </div>
                <div class="field">
                    <h4>Start</h4>
                    @Html.EditorFor(model => model.StartTime, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.StartTime, "", new { @class = "text-danger" })
                </div>
                <div class="field">
                    <h4>End</h4>
                    @Html.EditorFor(model => model.EndTime, new { htmlAttributes = new { @class = "form-control" } })
                    @Html.ValidationMessageFor(model => model.EndTime, "", new { @class = "text-danger" })
                </div>
            </div>
            <button class="fluid ui button schedule"><b>Submit New Schedule</b></button>
        </form>
}

Тот же файл: 

<input type="text" id="demo" />

@section scripts
{
    <link href="~/Content/jquery.datetimepicker.css" rel="stylesheet" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="~/Scripts/jquery.datetimepicker.js"></script>
    <script src="~/Scripts/main.js"></script>
}

Затем в основном. js У меня есть следующее: 

$('#demo').datetimepicker({
    inline: true,
});

Я наконец-то получил средство выбора даты и времени в дисплей, но я потерялся на том, куда go оттуда. Вот где документация, которую я использовал для того, что у меня есть: https://www.jqueryscript.net/time-clock/Clean-jQuery-Date-Time-Picker-Plugin-datetimepicker.html

...