डेटपिकर ui jquery

Question

से समय को कैसे निकालें Ip.net mvc के साथ एक jquery ui डेटपिकर के साथ काम कर रहा हूं और जब वेब पेज खुलता है, तो यह समय के साथ दिनांक दिखाता है (2014/10/16 00:00:00) डेटपिकर के लिए टेक्स्टबॉक्स में, लेकिन अगर मैं डेटपिकर के लिए टेक्स्टबॉक्स में कोई दिनांक चुनता हूं, तो यह केवल तारीख दिखाएगा। मैं समय नहीं देखना चाहता, क्या गलत है?

धन्यवाद!

मॉडल में संपत्ति इस

[DataType(DataType.Date)] 
[Required(ErrorMessageResourceType = typeof(Ressources.Resources), ErrorMessageResourceName="ErrorStartDateRequired")] 
[Display(Name = "DateStarted", ResourceType = typeof(Ressources.Resources))] 
public DateTime DateStarted { get; set; } 

मेरे दिनांक पिकर अपने वेब पृष्ठ में इस तरह सेट किया गया है की तरह सेट किया गया है:

@section scripts{ 
<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
    var anchor = document.getElementById('@Model.Anchor'); 
    anchor.scrollIntoView(true); 

    var d = new Date(@Model.Project.DateStarted.Year, @Model.Project.DateStarted.Month, @Model.Project.DateStarted.Day); 
    $("#datePickerStartDate").datepicker({ 
     dateFormat: "yy/mm/dd", 
     showOtherMonths: true, 
     selectOtherMonths: true, 
     showButtonPanel: true, 
     changeMonth: true, 
     changeYear: true, 
     gotoCurrent: true, 
     defaultDate: d 
    }); 
}); 

}

और यह कैसे है नियंत्रण वेब पेज (cshtml)

<div class="form-group"> 
    @Html.LabelFor(model => model.Project.DateStarted, new { @class = "control-label col-md-2" }) 
    <div class="col-md-10"> 
     @Html.TextBoxFor(model => model.Project.DateStarted, new { id = "datePickerStartDate" }) 
     @Html.ValidationMessageFor(model => model.Project.DateStarted) 
    </div> 
</div> 

में दिखाया गया है

Answer 1

साथ आज की तारीख से बचने के वर घ समय

<script> 
     $("#datePickerStartDate").datepicker(
      { 
       dateFormat: "yy/mm/dd", 
       showOtherMonths: true, 
       selectOtherMonths: true, 
       showButtonPanel: true, 
       changeMonth: true, 
       changeYear: true, 
       gotoCurrent: true, 
      }).datepicker("setDate", new Date()); 
</script> 

Answer 2

मैं अंत में मेरा उत्तर पाया आवंटित करने के लिए से बचने के लिए इस तरह से करने के लिए अपनी स्क्रिप्ट बदलें। मैंने दृश्य पक्ष पर "{0: d}" जोड़ा।

<div class="form-group"> 
    @Html.LabelFor(model => model.Project.DateFinished, new { @class = "control-label col-md-2" }) 
    <div class="col-md-10"> 
     @Html.TextBoxFor(model => model.Project.DateFinished, "{0:d}", new { id = "datePickerEndDate" }) 
     @Html.ValidationMessageFor(model => model.Project.DateFinished) 
    </div> 
</div> 

धन्यवाद

Answer 3

यह मैं इसे कैसे किया जाता है।

@Html.TextBoxFor(a => a.DOB, new { @class = "form-control", placeholder = "Date of Birth", id = "datetimepicker", TextMode = "date", value = "1/11/1989", onkeyup = "return validateChar(this)", maxlength = "20", style = "width:175px;height:25px;" }) 

<script> 
    $(document).ready(function() { 
     $('#datetimepicker').datetimepicker({ 
      lang: 'en', 
      timepicker: false, 
      closeOnDateSelect: true, 
      dateFormat: "yy/mm/dd" 
     }); 
    }); 
</script> 

Answer 4

$("#datePickerStartDate").datepicker({ 
     dateFormat: 'mm/dd/yy', 
     changeMonth: true, 
     changeYear: true, 
     defaultDate: GetCurrentDate(), 
     onSelect: function() { 
      $(this).blur().change(); 
     } 
    });