如何解决模式对话框中jquery中的单击事件后,日期选择器中的格式错误
我有一个带有输入日期的面板,单击将会显示日期选择器,而再次单击它将被隐藏
<div class="col-xs-3">
<input id="datepicker" wicket:id="issueDate" type="text" placeholder="TT.MM.JJJJ" style="width: 90px;">
</div>
<div class="col-md-1 showCalendar" onclick="openCalendar()">
<i class="p24 p24-inverse p24-inverse-bg p24-calendar icon"></i>
</div>
click事件在jquery中的工作方式如下:
function openCalendar() {
let $input = $('#datepicker');
let datepicker = $input.datepicker().data('datepicker');
if ($('.modal-dialog').length > 0) {
let $modalinput = $('.modal-dialog').find('input').first();
let modalDatePicker = $('.modal-dialog').find('#datepicker').first();
$modalinput.datepicker({dateFormat: 'dd.mm.yy'}).data('datepicker').show();
} else {
datepicker.show();
$input.focus();
}
}
问题是我在同一面板上使用模式对话框,但是一旦我试图在UI的同一输入字段中更改日期,它就会以错误的格式显示日期,例如:10/20/2020
但是,如果我在模式对话框中未在输入日期字段上执行相同操作,则一切正确,日期格式正确:2020年10月20日
我尝试在jquery '.datepicker({dateFormat: 'dd.mm.yy'})'
中设置日期格式,但没有帮助
解决方法
似乎您有两个ID为datepicker
的HTML元素。
let $input = $('#datepicker');
和
$('.modal-dialog').find('#datepicker')
这是无效的HTML,可能会导致意外行为。 更有创造力,给他们起不同的名字! ;-)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。