gpt4 book ai didi

javascript - 引导日期选择器插件问题

转载 作者:行者123 更新时间:2023-11-30 12:35:26 24 4
gpt4 key购买 nike

我使用了一个使用 Bootstrap 2 的模板。该模板具有日期选择器插件和验证字段插件。

我需要从日期选择器中获取用户输入的日期,以便验证它。问题是它不是一次阅读它,我必须点击两次才能做到这一点。因此,与验证插件的集成无法正常工作。它在我提到的第二次点击后验证...可能有什么问题?

html 片段:

<div class="span6">
<div class="control-group">
<label class="control-label">V&aacute;lido Desde<span class="required">*</span></label>
<div class="controls">
<div class="input-icon left">
<i class="icon-calendar"></i>
<input class="m-wrap m-ctrl-medium date-picker" size="16" type="text" value="{$okInfo['start_date']}" placeholder="dd/mm/yyyy" id="start_date" name="start_date" data-date="" data-date-format="dd/mm/yyyy"/>
</div>
</div>
</div>
</div>

然后我有一个来自插件的 js 文件(片段):

if (jQuery().datepicker) {
$('.date-picker').datepicker({
rtl : App.isRTL(),
autoclose: true,
});
}

最后是验证文件:

var FormValidation = function () {

var handleValidation2 = function() {

var form2 = $('#form_sample_2');
var error2 = $('.alert-error', form2);
var success2 = $('#myModal', form2);

form2.validate({
errorElement: 'span', //default input error message container
errorClass: 'help-inline', // default input error message class
focusInvalid: false, // do not focus the last invalid input
ignore: "",
onfocusout: function (element) {
$(element).valid();
},
rules: {
start_date: {
required: true,
valid_date: true
},
},

最佳答案

我认为这个问题可能与发生在 focusout 上的验证调用有关。

jQueryUI 还将使用 onfocusout 日期更新文本框,所以从技术上讲,该框当时是空的,没有任何要验证的内容?

尝试在验证中添加超时,有点像这样? (未经测试!!)

onfocusout: function (element) {
setTimeout(function(element){
$(element).valid();
},1000);
},

代码应运行与之前相同的命令,但会延迟 1 秒。

关于javascript - 引导日期选择器插件问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26218849/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com