Jquery datepicker - only day and month
I want the user to specify their birthday or anniversary date (without year) in a form. For this, I want t开发者_如何学Goo use jquery datepicker but it should not show any year option at all. How to do it?
I tried modifying the code in this so question by making changeDay: true
and changeYear: false
but could not get it to work.
You could do:
$('#date').datepicker( {
changeMonth: true,
changeYear: true,
showButtonPanel: true,
dateFormat: 'dd MM'
});
fiddle http://jsfiddle.net/u8GnD/1/
set the css to hide the year and the dateFormat as K6t said
.ui-datepicker-year{
display:none;
}
You can hide year from a datepicker like this :
$(".daypicker").datepicker( {
changeYear: false,
dateFormat: 'MM-dd',
}).focus(function () {
$(".ui-datepicker-year").hide();
});
It wont affect to other datepickers in same page.
$("#datepicker").datepicker( {
format: "dd-MM",
viewMode: "months",
maxViewMode: "months"
});
this will surely hide year from datepicker view, will show only month and days panel
$( function() {
var date = $('#datepicker').datepicker({
dateFormat: 'yy-mm-dd',
changeMonth: true,
changeYear: false}).val();
});
I may be late on the show but I found all of the above answers/suggestions and comments to be almost correct but someone might miss the correct jquery plugin to make the code work.
Someone struggling to make it done pls consider changing your javascript plugins first, and use the following instead
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
change dateFormat as
dateFormat: 'dd MM',
in datePicker.js file
精彩评论