JQuery UI DatePicker не работает с asp.net MVC

Question

JQuery UI DatePicker не работает с asp.net MVC

1

Я работаю с ASP.Net MVC с Jquery Date picker.

вот мой модельный класс

public class myViewModel
{
   public DateTime? FromDate {get;set;}
   public DateTime? ToDate {get;set;}
}

вот мой класс вида

@model testApp.myViewModel

@Html.TextBox("FromDate","{0:MM/dd/yyyy}", new { @class = "datepicker" })
@Html.TextBox("ToDate","{0:MM/dd/yyyy}", new { @class = "datepicker" })

и JQuery

<script>
    $(function () {
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true
        });
    });
</script>

Теперь проблема заключается в том, что когда моя страница загружается по умолчанию, дата не отображается в текстовом поле вместо "{0: MM/dd/yyyy}" в обоих текстовых окнах

Итак, как я могу отображать и привязывать текущее значение даты в текстовом поле FromDate и ToDate?

благодаря

Sandip 12 янв. 2015, в 15:01

Источник

0

какие-нибудь ошибки в консоли? У вас есть JQuery и JQuery пользовательский интерфейс на странице?
DLeh 12 янв. 2015, в 13:39
0

в консоли нет ошибок, также я добавил Jquery и jqueryUI на страницу
Sandip 12 янв. 2015, в 13:39
0

возможный дубликат: stackoverflow.com/a/22559270/526704
DLeh 12 янв. 2015, в 13:40
0

нет, я не привязываю данные из модели. Я использую только @Html.TextBoxFor()Html.TextBox (). Я не хочу использовать @Html.TextBoxFor()Html.TextBoxFor ()
Sandip 12 янв. 2015, в 13:41
0

они функционально одинаковы. Вы видите, как формат даты отличается от того, который вы используете? попробуйте использовать один в этом ответе вместо этого.
DLeh 12 янв. 2015, в 13:41
0

Кроме того, если вы пытаетесь привязать к myViewModel , вы должны использовать TextBoxFor
DLeh 12 янв. 2015, в 13:42
0

Не работает как ответ упомянут
Sandip 12 янв. 2015, в 13:44
0

Давайте продолжим эту дискуссию в чате .
Sandip 12 янв. 2015, в 13:46
1

Вы используете перегрузку @Html.Textbox() где вторым параметром является value (для отображения). Вы можете спутать это с @Html.TextBoxFor()где второй параметр - это format
user3559349 12 янв. 2015, в 22:29

Показать ещё 7 комментариев

Теги:

c#

asp.net

asp.net-mvc

jquery-ui-datepicker

2 ответа

Ещё вопросы

какие-нибудь ошибки в консоли? У вас есть JQuery и JQuery пользовательский интерфейс на странице?
в консоли нет ошибок, также я добавил Jquery и jqueryUI на страницу
возможный дубликат: stackoverflow.com/a/22559270/526704
нет, я не привязываю данные из модели. Я использую только @Html.TextBoxFor()Html.TextBox (). Я не хочу использовать @Html.TextBoxFor()Html.TextBoxFor ()
они функционально одинаковы. Вы видите, как формат даты отличается от того, который вы используете? попробуйте использовать один в этом ответе вместо этого.
Кроме того, если вы пытаетесь привязать к myViewModel , вы должны использовать TextBoxFor
Давайте продолжим эту дискуссию в чате .
Вы используете перегрузку @Html.Textbox() где вторым параметром является value (для отображения). Вы можете спутать это с @Html.TextBoxFor()где второй параметр - это format

Scanner · Answer 1 · 2015-01-12T14-37-00.000Z

Убедитесь, что в вашей модели включены следующие операторы.

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;

Измените модель следующим образом

[Display(Name = "Date")]
    [DisplayFormat(DataFormatString = "{0:MM/dd/yyy}", ApplyFormatInEditMode = true)]
    public Nullable<System.DateTime> Date { get; set; }

Ваш JQuery

<script>
$(function () {
    $(".datepicker").datepicker({ dateFormat: "MM/dd/yy", changeMonth: true, changeYear: true });
});
</script>

Класс просмотра

@Html.TextBoxFor(model => model.FromDate, "{0:MM/dd/yyyy}", new { id = "datepicker" })

@Html.TextBoxFor(model => model.ToFromDate, "{0:MM/dd/yyyy}", new { id = "datepicker" })

Afzal Ahmad · Answer 2 · 2015-01-12T11-25-00.000Z

использовать это,

<script>
    $(function () {
        $(".datepicker").datepicker({
            changeMonth: true,
            changeYear: true,
            setDate : new Date()
        });
    });
</script>