Форум программистов, компьютерный форум, киберфорум
Наши страницы
C#: ASP.NET MVC
Войти
Регистрация
Восстановить пароль
 
Goret
1 / 1 / 2
Регистрация: 25.02.2016
Сообщений: 120
1

Отображение календаря на форме с использованием Datepicker

09.09.2018, 19:22. Просмотров 222. Ответов 8
Метки нет (Все метки)

Доброго времени суток. Есть форма, на которой при загрузке отображается два текстовых поля DateOfArrival и DateOfLeave. Кликая по ним отображается календарь, где можно установить дату.
Проблема в том, что нужно при загрузке формы, в этих текстовых полях стояло по умолчанию сегодняшняя дата и плюс один день соответственно.
Не знаю как задать текущую дату полю DateOfArrival при загрузке формы.
C#
1
2
3
4
5
6
7
8
9
10
11
[Required(ErrorMessage = "Установите дату")]
        [DataType(DataType.Date)]
        [DisplayFormat(DataFormatString = "{0:dd'.'MM'.'yyyy}", ApplyFormatInEditMode = true)]
        [Display(Name = "Дата заезда")]
        public DateTime DateOfArrival { get; set; }
 
        [Required(ErrorMessage = "Установите дату")]
        [DataType(DataType.Date)]
        [DisplayFormat(DataFormatString = "{0:dd'.'MM'.'yyyy}", ApplyFormatInEditMode = true)]
        [Display(Name = "Дата выезда")]
        public DateTime DateOfLeave { get; set; }
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="editor-label">
                    @Html.LabelFor(model => model.DateOfArrival)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.DateOfArrival)
                    @Html.ValidationMessageFor(model => model.DateOfArrival)
                </div>
 
                <div class="editor-label">
                    @Html.LabelFor(model => model.DateOfLeave)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.DateOfLeave)
                    @Html.ValidationMessageFor(model => model.DateOfLeave)
                </div>
0
Миниатюры
Отображение календаря на форме с использованием Datepicker  
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
09.09.2018, 19:22
Ответы с готовыми решениями:

Отображение календаря рядом с кнопкой
Здравствуйте. Нужно переместить календарь из нижнего правого угла в положение рядом с кнопкой, его...

Отображение структуры BD в виде xml файла на web-форме
Для работы моего приложения необходимо отображать структуру BD(таблицы, поля и их типы) в виде...

Ui datepicker два календаря на одной странице с разными стилями
Как сделать, чтобы на одной странице было два календаря, но чтобы стили к ним можно было применить...

[WPF] Добавление даты в базу SQL с использованием DatePicker
Когда ставлю число дня в дате от 01 до 12, тогда добавляется в базу значения, а если больше 12-го...

В одной форме много datepicker, но работает только первый
&lt;p&gt;DOH:&lt;br/&gt; &lt;input name=&quot;doh&quot; type=&quot;text&quot; id=&quot;datepicker&quot; /&gt; ...

8
SPNick
16 / 14 / 12
Регистрация: 21.07.2015
Сообщений: 200
Завершенные тесты: 2
11.09.2018, 10:44 2
Goret, примерно так
C#
1
2
3
4
5
6
7
8
9
10
public ActionResult Index()
{
    var model = new MyClass()
    {
        DateOfArrival = DateTime.Now.Date,
        DateOfLeave = DateTime.Now.Date.AddDays(1)
    };
 
    return View(model);
}
0
Goret
1 / 1 / 2
Регистрация: 25.02.2016
Сообщений: 120
11.09.2018, 11:15  [ТС] 3
SPNick, воспользовался вашим примером, только разместил его методе Post предыдущей страницы. Получился такой варинт
C#
1
2
3
4
5
6
7
8
9
10
11
12
13
[HttpPost]
        public ActionResult FirstPage(HotelLoading hotel)
        {
            if (ModelState.IsValid) { 
            hotel.DateOfArrival = DateTime.Now.Date;
            hotel.DateOfArrival = DateTime.Now.Date.AddDays(1);
 
        
            return RedirectToAction("FirstPageOsn");
            }
 
            return View(hotel);
        }
Но при загрузке страницы все равно даты по умолчанию не стоят
0
SPNick
16 / 14 / 12
Регистрация: 21.07.2015
Сообщений: 200
Завершенные тесты: 2
11.09.2018, 11:30 4
Goret, POST\GET не использовал никогда, поэтому точно не скажу. Но м.б. это нужно в GET? Т.е. дефолтные даты нужны в момент загрузки страницы, а не в момент отправки данных формы на сервер. В POST должны улетать даты, которые выбрал пользователь на странице. Чисто догадка.

Ааа, въехал.
Т.е. если на предыдущей странице все поля заполнены как нужно - перенаправляешь на действие "FirstPageOsn", где и есть эти поля с датами.
Тогда перенаправлять нужно так
C#
1
return RedirectToAction("ActionName", modelObject);
0
Goret
1 / 1 / 2
Регистрация: 25.02.2016
Сообщений: 120
11.09.2018, 11:40  [ТС] 5
SPNick, В метод Get поместил, но так же не отображает дат. Точнее он их задает , но странице в браузере не отображает
0
SPNick
16 / 14 / 12
Регистрация: 21.07.2015
Сообщений: 200
Завершенные тесты: 2
11.09.2018, 11:50 6
Goret,я бы прописал даты прямо внутри действия FirstPageOsn, как-то это правильнее имхо.

Затрудняюсь еще что-то подсказать.. у меня все календари через модуль bootstrap-datetimepicker создаются - таких проблем не было никогда

Добавлено через 3 минуты
и еще момент
Цитата Сообщение от Goret Посмотреть сообщение
@Html.EditorFor
лучше заменить на @Html.TextBoxFor

С EditorFor возникают всякие непонятки периодически, лучше отказаться от их использования.
0
Goret
1 / 1 / 2
Регистрация: 25.02.2016
Сообщений: 120
15.09.2018, 23:07  [ТС] 7
SPNick, знаете начальную дату установить по умолчанию получилось с @Html.TextBoxFor, но при клике по нему календарь не вылазит, как было с @Html.EditorFor
0
Goret
1 / 1 / 2
Регистрация: 25.02.2016
Сообщений: 120
16.09.2018, 17:08  [ТС] 8
Я применил разные варианты, предложенные на других сайтах, но ни один не сработал. Может нужно что-то подключить у себя в проекте

Здесь начальная дата устанавливается, но нету выпадающего календара
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
        <link rel="stylesheet" href="/resources/demos/style.css">
        <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
        <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  });
  if ($("#dateField").val() != '') {
      var arrDate = $('#dateField').val().split(" ");
      $('#dateField').val(arrDate[0]);
  }
        </script>
 
 
@Html.TextBoxFor(m => m.DateOfArrival, "{0:d MMM yyyy}", new { @class = "form-control", @id = "dateField" })

Второй вариант
HTML5
1
2
@Html.EditorFor(model => model.DateOfArrival,
                new { htmlAttributes = new { @class = "form-control", @id = "StartDate" } })
C#
1
2
3
4
5
6
7
8
public ActionResult FirstPageOsn()
        {
return View(new HotelLoading
            {
                DateOfArrival = DateTime.Now,
                DateOfLeave = DateTime.Now.Date.AddDays(1)
            });
        }
0
SPNick
16 / 14 / 12
Регистрация: 21.07.2015
Сообщений: 200
Завершенные тесты: 2
18.09.2018, 10:40 9
Цитата Сообщение от Goret Посмотреть сообщение
но при клике по нему календарь не вылазит
Посмотрите в developer tools браузера что происходит (F12), проверьте совпадение id полей в представлении и js. Чудес не бывает, проблема должна отображаться где-то
0
18.09.2018, 10:40
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
18.09.2018, 10:40

Программа с использованием календаря
Здравствуйте! На форму располагаю 12 месяцев календаря. Выбираю скажем сегодняшнее число. 1....

Обзор дня календаря как поправить отображение
В Lotus Notes 8.5.3 есть справа &quot;Обзор дня&quot; из календаря (англ название Day-At-A-Glance). Как...

Связь выпадающих списков и календаря на форме
Есть форма с 2 выпадающими списками(ComboBox)- в одном-список дней месяца(1-31), в другом-названия...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru