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

Question

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.

Rajesh Gami · Answer

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" };

Rajesh Gami · Answer

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 >