2012-06-22 16 views
6

पर डेटपिकर को कैसे जोड़ना है, मैं यह पता लगाने की कोशिश कर रहा हूं कि यह सब दोपहर कैसे करें, लेकिन मुझे लगता है कि डेटपिकर को मेरी साइट के साथ कैसे काम करना है, इस पर एक पकड़ प्राप्त नहीं हो सकती है।मेरी एमवीसी 3 सी # साइट

इसके अलावा, यदि संभव हो तो मैं डेटटाइम का समय भाग को हटाना चाहता हूं, क्योंकि मुझे केवल प्रविष्टि पोस्ट होने की तारीख में रूचि है।

मैंने अभी तक कोड शामिल किया है, मैंने अब तक जो भी प्रयास किया है, उससे काफी कुछ हटा दिया है, इसलिए यह शुरुआत में वापस आ गया है। मैंने _Layout.cshtml के शीर्ष पर JQuery फ़ाइलों का संदर्भ दिया है जो मुझे लगता है कि सही है।

मैंने वेब पर कई मार्गदर्शिकाएं देखी हैं, लेकिन उनमें से अधिक समझने के लिए संघर्ष किया है, हालांकि मैं पढ़ना जारी रखूंगा।

मैं अपने _Layout.cshtml के शीर्ष करने के लिए इन लाइनों को जोड़ दिया है (मैं भी पैक है और स्थानों के नीचे के रूप में अच्छी तरह से संदर्भित करने के लिए JQuery फ़ोल्डरों की नकल की)

<link href="@Url.Content("~/Content/jquery-ui/redmond/jquery-ui-1.8.21.custom.css")" rel="stylesheet" type="text/css" /> 
<script src="@Url.Content("~/Scripts/jquery-1.8.11.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/ui/minified/jquery.ui.core.min.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/ui/minified/jquery.ui.datepicker.min.js")" type="text/javascript"></script> 

मेरे देखें कोड इस तरह दिखता है :

@model dale_harrison.Models.News 

@{ 
    ViewBag.Title = "Create"; 
} 

<h2>Create</h2> 

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"> </script> 
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"  type="text/javascript"></script> 

@using (Html.BeginForm()) { 
    @Html.ValidationSummary(true) 
    <fieldset> 
     <legend>News</legend> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.News_Entry) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.News_Entry) 
      @Html.ValidationMessageFor(model => model.News_Entry) 
     </div> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.News_Date) 
     </div> 
     <div class="editor-field"> 
      @*@Html.EditorFor(model => model.News_Date)*@ 
      @Html.EditorFor(model => model.News_Date, new object{ id = "news_date" }) 
      @Html.ValidationMessageFor(model => model.News_Date) 
     </div> 

     <p> 
      <input type="submit" value="Create" /> 
     </p> 
    </fieldset> 
} 

<div> 
    @Html.ActionLink("Back to List", "Index") 
</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#news_date").datepicker({ dateFormat: 'dd/mm/yy' }); 
    }); 
</script> 

मेरे मॉडल यहाँ है:

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Data.Entity; 

namespace dale_harrison.Models 
{ 
    public class News 
    { 
     public int ID { get; set; } 
     public string News_Entry { get; set; } 
     public DateTime News_Date { get; set; } 
    } 

    public class NewsDBContext : DbContext 
    { 
     public DbSet<News> News_Entries { get; set; } 
    } 
} 

कई के लिए किसी को अग्रिम धन्यवाद आर

उत्तर

13

प्रयास करें यह पहली:

अपने html कोड जोड़ें

<input type="text" id="news_date" name="news_date" /> 

या, आप एचटीएमएल सहायक के साथ id जोड़ना चाहते हैं:

एचटीएमएल सहायक के बिना 210
@Html.EditorFor(model => model.News_Date, new { id = "news_date" }) 

और फिर इस जावास्क्रिप्ट कोड जोड़ें:

$(document).ready(function() { 
      $("#news_date").datepicker({ dateFormat: 'dd/mm/yy' }); 
}); 

यदि आप इसे सही ढंग से अपनी परियोजना में सभी विन्यास की स्थापना की है की जाँच करने के इस पहले कोशिश कर सकते हैं। आपको उन समस्याओं के साथ अपनी समस्या का समाधान करना चाहिए।

अपनी साइट पर यह काम करने के बाद, एचटीएमएल हेल्पर्स के बारे में पढ़ें और कोड को कैसे समाहित करें ताकि आपको हर बार इसे फिर से लिखना पड़े।

उम्मीद है कि यह मदद करता है!

+0

धन्यवाद इतना कैचो, यह हिस्सा काम कर रहा है, मेरे पास एक सादा पुराना टेक्स्टबॉक्स है, जब मैं उस पर क्लिक करता हूं तो डेटपिकर यूआई सफलतापूर्वक पॉप अप करता है। – Harry

+0

ग्रेट @ हैरी!मुझे लगता है कि आपको सबसे ज्यादा जवाब देने के लिए विचार करना चाहिए और अपने प्रश्न के उत्तर के रूप में भी चयन करना चाहिए, इसे मेरा जवाब होने की आवश्यकता नहीं है, सर्वोत्तम चुनें ... –

+0

क्षमा करें, अगर आप नहीं करते हैं तो एक और मदद मन? मैं इस बिट को '

@Html.EditorFor(model => model.News_Date) @Html.ValidationMessageFor(model => model.News_Date)
' में फिर से कैसे लिखूं ताकि मैं टेक्स्टबॉक्स को डेटपिकर के साथ संदर्भित कर सकूं? – Harry

1

की मदद करने Views/Shared/EditorTemplates फ़ोल्डर आप दिनांक समय प्रकार के लिए एक टेम्पलेट बनाने की जरूरत है, तो हर बार पर आप @Html.EditorFor MVC प्रदर्शन जो आप अपने टेम्पलेट पर परिभाषित का उपयोग

0

आप टेक्स्ट बॉक्स से समय छिपाना भी चाहेंगे ताकि आप "08/11/2007 00:00:00" के विपरीत "08/11/2007" देख सकें।

ऐसा करने के लिए, "[डेटाटाइप (डेटाटाइप.डेट)]" को अपनी समाचार कक्षा में नीचे जोड़ें;

public class News 
{ 
    public int ID { get; set; } 
    public string News_Entry { get; set; } 
    [DataType(DataType.Date)] 
    public DateTime News_Date { get; set; } 
} 
0

संपादक अतिरिक्त विशेषताओं की उपेक्षा करता है। या तो टेक्स्टबॉक्स का उपयोग करें या संपादक को टेम्पलेट के लिए लिखें ...

संबंधित मुद्दे