我有四个不同的日期选择器,它们都可以使用,但是在Date1 / Date2上我可以选择月/日/年它只输出月/年。
如何让这两个日期选择器显示日期,如mm / dd / yyyy?
https://jsfiddle.net/km96dgsd/
$(function() {
$('.date-picker').datepicker(
{ yearRange: "1980:",
dateFormat: "mm/yy",
changeMonth: true,
changeYear: true,
showButtonPanel: true,
onClose: function(dateText, inst) {
function isDonePressed(){ return ($('#ui-datepicker-div').html().indexOf('ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all ui-state-hover') > -1);
}
if (isDonePressed()){
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)).trigger('change');
$('.date-picker').focusout()//Added to remove focus from datepicker input box on selecting date
}
},
beforeShow : function(input, inst) {
inst.dpDiv.addClass('month_year_datepicker')
if ( $(input).is("#startDate2") || $(input).is("#startDate4") ) {
inst.dpDiv.addClass("hide-calendar");
}
else {
inst.dpDiv.removeClass("hide-calendar");
}
}
})
});
答案 0 :(得分:0)
可以将其包装在<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.1/lodash.min.js"></script>
循环中,并根据条件
each
的 DEMO 强>