2015-01-12 2 views
1

Я работаю с ASP.Net MVC с Jquery Date picker.jQuery UI datepicker не работает с asp.net mvc

вот моя модель класса

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?

Благодаря

+0

любые ошибки в консоли? у вас есть jquery и пользовательский интерфейс jquery, включенный на страницу? – DLeh

+0

нет ошибки в консоли, также я добавил Jquery и jqueryUI на странице – Sandip

+0

Возможный дубликат: http://stackoverflow.com/a/22559270/526704 – DLeh

ответ

0

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

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

Убедитесь, что следующие используя операторы, входящие в вашей модели

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" }) 
Смежные вопросы