मैं अपने दृश्य में एक तारीख बनाना चाहता हूं। इसलिए मैंने इसके लिए TextBox को बदल दिया:

<div class="form-group">
    @Html.LabelFor(model => model.ProjectDeadline, new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.TextBoxFor(model => model.ProjectDeadline, new { @class = "form-control datepicker", placeholder = "Enter date here..." })
        @Html.ValidationMessageFor(model => model.ProjectDeadline)
    </div>
</div>

मैंने यह jQuery कोड _Layout.cshtml में भी जोड़ा:

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
<script type="text/javascript">
    $(function () {
        $('.datepicker').datepicker(); 
    });
</script>
@RenderSection("scripts", required: false)

लेकिन यह काम नहीं कर रहा है, मैं कोई तारीख नहीं देख सकता। क्या आप बता सकते हैं कि मैंने क्या गलत किया? क्या मैंने jQuery कोड को कहीं गलत रखा है? धन्यवाद।

0
jason 2 पद 2015, 16:34

2 जवाब

सबसे बढ़िया उत्तर

आपका कोड ठीक लग रहा है। मैं असफल होने के केवल 2 कारणों के बारे में सोच सकता हूं।

1) आप उस लाइब्रेरी को शामिल करना भूल गए, जहां डेटपिकर कार्यक्षमता परिभाषित है। सुनिश्चित करें कि आपके पेज में jQuery UI लाइब्रेरी शामिल है। JQuery को शामिल करने के बाद इसे लोड किया जाना चाहिए क्योंकि jQuery ui jQuery पर निर्भर है।

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")

<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<script type="text/javascript">
    $(function () {
        $('.datepicker').datepicker(); 
    });
</script>

मैं पुस्तकालय को jQuery cdn से लोड कर रहा हूं। यदि आपके पास अपने प्रोजेक्ट में इसके लिए एक बंडल है, तो आप मेरी नई लाइन को उसके साथ बदल सकते हैं।

2) आपके पेज में कुछ अन्य स्क्रिप्ट त्रुटि है जो जावास्क्रिप्ट कोड को विफल होने से रोक रही है। अपना ब्राउज़र कंसोल खोलें और देखें कि क्या आपके पास कोई त्रुटि है।

यदि आपके पास कोई स्क्रिप्ट त्रुटि नहीं है और आपने jQuery UI लाइब्रेरी को शामिल किया है, तो डेट पिकर काम करेगा। यहां एक कार्य नमूना है। :)

1
Shyju 3 पद 2015, 01:18

दृश्य के लिए आपका कोड सही प्रतीत होता है। कृपया अपनी डेटाटाइम संपत्ति के लिए अपने मॉडल की जांच करें, यह इस तरह दिखना चाहिए:

[DataType(DataType.Date)]
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
public DateTime? MyDate { get; set; }
0
user2771704 2 पद 2015, 13:55