我想添加 <br>
或使用 JQuery datepicker 在日和月之间输入的内容。
我有以下代码:
jQuery('#checkin').datepicker({
showAnim: "drop",
dateFormat: "dd/mm/yy",
minDate: "-0D",
});
jQuery('#checkout').datepicker({
showAnim: "drop",
dateFormat: "dd/MM/yy",
minDate: "-0D",
beforeShow: function () {
var a = jQuery("#checkin").datepicker('getDate');
if (a) return {
minDate: a
}
}
});
非常感谢!
最佳答案
仅使用日期选择器我认为这是不可能的。 但您可以使用一些 Javascript 来完成此操作;-)
检查一下:
$(document).ready(function() {
$('#date').on('click', function() {
$('#thedate').datepicker('show');
});
$('#thedate').datepicker({
dateFormat: 'd M yy',
onSelect: function(selectedDate) {
var arr = selectedDate.split(" ");
$('#date').html("<span class='date_day'>" + arr[0] + "</span><span class='date_month'>" + arr[1] + "</span> <span class='date_year'>" + arr[2] + "</span>");
}
});
});
#date {
padding: 10px;
border: solid 1px black;
width: 100px;
text-align: center;
cursor: pointer;
font-family: Arial,Helvetica Neue,Helvetica,sans-serif
}
#date span.date_day {
font-weight: bold;
display: block;
}
#date span.date_month,
#date span.date_year {
color: gray;
font-size: 12px;
}
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<div id='date'>
Select a date
</div>
<input id="thedate" type="hidden" /><br />
关于javascript - JQuery 日期选择器在日和月之间有换行符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42903735/