在JQ UI日期选择器中,要始终在输入字段中显示日期,可以通过以下步骤实现:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
<input type="text" id="datepicker">
$(function() {
$("#datepicker").datepicker();
});
$(function() {
$("#datepicker").datepicker({
dateFormat: "yy-mm-dd"
});
});
$(function() {
$("#datepicker").datepicker({
dateFormat: "yy-mm-dd",
onSelect: function(dateText) {
$(this).val(dateText);
}
});
});
以上代码将在选择日期后,将选定的日期显示在输入字段中。
推荐的腾讯云相关产品:腾讯云服务器(CVM)和腾讯云对象存储(COS)。
领取专属 10元无门槛券
手把手带您无忧上云