javascript - bootstrap-datepicker.js 和 jquery.maskedinput.js 玩得不好

标签 javascript jquery twitter-bootstrap datepicker onblur

我必须在我的项目中使用 bootstrap-datepicker.js,但它不能很好地与 mask 配合使用。

问题 1: 如果您使用 Tab 键浏览字段,它将自动使用今天的日期填充日期字段。理想情况下它根本不会填充它。

问题 2: 填充日期字段后很难将其清空。

first name: <input type="text">
birthdate:  <input type="text" class="date">
city:       <input type="text">

js:

$(function() {
    $(".date").mask("99/99/9999");
    $('.date').datepicker({
        format: 'mm/dd/yyyy'
    });
});

问题完全源于这样一个事实:在焦点期间,掩码使用示例格式字符(“_ _/_ _/_ _ _ _”)填充字段,并且当焦点离开时,日期选择器正在尝试解析示例字符在面膜有机会去除它们之前。 datepicker 无法将这些特殊字符解析为日期,因此它选择今天的日期。

我认为,如果我能找到一种方法在 bootstrap-datepicker 尝试解析示例字符之前删除它们,我的问题就会得到解决。

我会提供一个 jsfiddler 示例,但我不知道如何在其网站上添加 bootstrap-datepicker.js 和 jquery.maskedinput.js。

感谢您的帮助。

最佳答案

我偶然发现了这个选项:

$('.date').datepicker({
        format: 'mm/dd/yyyy',
        forceParse: false
    });

令人惊讶的是强制解析默认为 true。该死的 Bootstrap 。问题已解决。

关于javascript - bootstrap-datepicker.js 和 jquery.maskedinput.js 玩得不好,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19302311/

相关文章:

javascript - 在 HTML 中添加 Bootstrap

html - Twitter Bootstrap 问题 : Input field overflow (non-responsive)

asp.net - 在 ASP.NET 中不使用 JavaScript 打开和关闭弹出窗口

javascript - 使用一个 JavaScript 文件加载不同的内容到模态框

java - 如何获取特定运行的方法/函数调用跟踪?

jquery - 删除 awesoplete 插件中的突出显示 CSS

javascript - 打开某些 div 时禁用文档背景

javascript - 语法错误 - 在 React-Redux 中映射多维数组

jquery - 使用 z-index 在所有内容之上创建一个 div 不起作用?

jquery - x 可编辑值动态更改不起作用