C# Display datetimepicker in popup mode with @yyyy only?????

Sai Yang

8y6.2kVisual Basic .NET

Hi!

How can I show a datetimepicker with year value only ? And when I click the value display only the year mode.?

It means I need to display only year in datetimepicker and I don't need month and day to show in it.

Any solution there? please help me

Much Thanks.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rajesh Gami8y ago
refer this code
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.2.js">script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js">script>
<script type="text/javascript">
$(function() {
$('#datepicker').datepicker({
changeMonth: true,
changeYear: true,
dateFormat: 'MM yy',
onClose: function(dateText, inst) {
var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
$(this).datepicker('setDate', new Date(year, month, 1));
},
beforeShow: function(input, inst) {
if ((datestr = $(this).val()).length > 0) {
year = datestr.substring(datestr.length - 4, datestr.length);
month = jQuery.inArray(datestr.substring(0, datestr.length - 5), $(this).datepicker('option', 'monthNames'));
$(this).datepicker('option', 'defaultDate', new Date(year, month, 1));
$(this).datepicker('setDate', new Date(year, month, 1));
}
}
});
});
script>
<style>
.ui-datepicker-calendar {
display: none;
}
style>
head>
<body>
<p>Date: <input type="text" id="datepicker" />p>
body>
html>
0
Rajesh Gami8y ago
hello sai..

Use DateTimerPicker.Format property.
public void SetMyCustomFormat()
{
   // Set the Format type and the CustomFormat string.
   dateTimePicker1.Format = DateTimePickerFormat.Custom;
   dateTimePicker1.CustomFormat = "yyyy";       //Custom format use to show only year
}
Some another useful code
dateTimePicker1.MinDate = New DateTime(1753, 1, 1)
dateTimePicker1.MaxDate = DateTime.Today
dateTimePicker1.Format = DateTimePickerFormat.Custom
dateTimePicker1.CustomFormat = "yyyy"
dateTimePicker1.Value = Today
Open your form designer and select your date time picker go to properties in designer window set format to custom in custom format window set to yyyy no quotes needed. change the numericUpDown property to true.

This will limit the users ability to select anything other than a year.
Hope this helps

You have to specify an explicit ShortDatePattern in order to display a custom format string. Follow the posted code:
timePicker.Culture = new System.Globalization.CultureInfo("en-US");
timePicker.Culture.DateTimeFormat = new System.Globalization.DateTimeFormatInfo
{
    ShortDatePattern = "yyyy"
};
+3