<分区>
我正在尝试编写一些 Javascript 以从两个文本输入中获取值,这应该相当简单。但有些不对劲。这是我的代码:
<script>
jQuery(function() {
jQuery('#fromPicker, #toPicker').datepicker({ dateFormat : 'yy-mm-dd' });
jQuery('#submit').attr('disabled', 'disabled');
jQuery('#toPicker').on('blur', function() {
var fromDate = jQuery('#fromPicker').val();
var toDate = jQuery('#toPicker').val();
console.log(toDate);
if (fromDate !== '' && toDate !== '') {
if (isValidDate(fromDate) && isValidDate(toDate)) {
jQuery('#submit').removeAttr('disabled');
} else {
alert('You must enter dates in the format "yyyy-mm-dd"');
}
}
});
});
function isValidDate(dt) {
if (dt.match(/^[0-9]{4}\-(0[1-9]|1[012])\-(0[1-9]|[12][0-9]|3[01])/)) {
return true;
}
}
</script>
但是,当我 console.log(toDate)
时,我得到一个空字符串。但是,如果我再次执行另一个 blur
事件(聚焦和取消聚焦数据仍在其中的字段),我会得到正确的值。知道为什么它第一次不起作用吗?
这两个文本输入的 ID 分别为 #fromPicker
和 #toPicker
,并且是 jQueryUI 日期选择器。
解决方案:
最终做了我想要的是这样的:
jQuery(function() { jQuery('#fromPicker, #toPicker').datepicker({ dateFormat : 'yy-mm-dd' });
jQuery('#submit').on('click', function() { var fromDate = jQuery('#fromPicker').val(); var toDate = jQuery('#toPicker').val(); if (fromDate !== '' && toDate !== '') { if (isValidDate(fromDate) && isValidDate(toDate)) { // do nothing } else { alert('You must enter dates in the format "yyyy-mm-dd"'); return false; } } else { return false; } }); }); function isValidDate(dt) { if (dt.match(/^[0-9]{4}\-(0[1-9]|1[012])\-(0[1-9]|[12][0-9]|3[01])/)) { return true; } } </script>