我正在尝试编写一些 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>